Fond de tableau.

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Fond de tableau.

Message par Pauline_k le Mar 25 Oct 2011 - 19:19

Bonjour. Pour mon forum, j'ai mis un tableau d'accueil. Le code HTML :

Code:
          <p id="en_tete_nav">* <a href=http://fightforhyllis.actifforum.com/t6-ou-sommes-nous>Contexte</a>
            <p id="en_tete_nav">* <a href=http://fightforhyllis.actifforum.com/t7-regles-generales>Règlement</a>         
<IMG SRC="http://i44.servimg.com/u/f44/16/84/38/14/annonc10.png">
<IMG SRC="http://i44.servimg.com/u/f44/16/84/38/14/staff10.png">
            <p
        </td>
        <td id="tab1_col2">
<IMG SRC="http://i44.servimg.com/u/f44/16/84/38/14/rasuma10.png">
          <p id="contenu_en_tete">Nous sommes sur Hyllis, une petite planète du système 4. En cet an 2435, les Domz, d'étranges extraterrestres, ont débarqué. Les Sections Alpha prétendent tout faire pour protéger les Hylliens mais le réseau Iris les accuse d'aider les DomZ à enlever des habitants. Pendant ce temps, les "Damnés", eux, rêvent de vengeance. Vous joindrez-vous à Iris afin de défendre Hyllis de la menace Domz et de déjouer les plans des Sections Alphas, ou vous mêlerez-vous au combat pour rétablir l'honneur de votre peuple ? </p>     
        </td>
        <td id="tab1_col3">
<IMG SRC="http://i44.servimg.com/u/f44/16/84/38/14/topsit10.png">
<IMG SRC="http://i44.servimg.com/u/f44/16/84/38/14/parten10.png">

        </td>
    </tr>
</table>
(ne faites pas attention au résumé)

et le code CSS :

Code:
.en_tete{
  width:700px;
  min-height:400px;
  height:auto;
  background-color:#FFFFFF;
  background-image:url('http://i226.photobucket.com/albums/dd220/MissMiet/tutos/fd_tab.png');
  background-repeat:no-repeat;
  margin:auto;
  border:solid 1px #CCCCCC; 
  }

/****** Mise en page des colonnes ******/

table tr{
  vertical-align:top;
  }

#tab1_col1{
  width: 200px;
  padding:12px;
  }

#tab1_col2{
  width: 350px;
  padding:12px;
  }

#tab1_col3{
  width: 150px;
  padding:12px;
  }

#tab2_col1{
  width: 450px;
  padding:12px;
  }

#tab2_col2{
  width: 250px;
  padding:12px;
  }
 
/****** Mise en page des titres ******/

#titre_en_tete{
  background-color:#68a4a9;
  border:1px dashed #ffffff;
  height: 24px;
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  color:#ffffff;
  text-align:center;
  padding: 4px;
  }
 
/****** Mise en page du texte ******/

#en_tete_nav{
  font-family:Tahoma;
  font-size:16px;
  color:#0d1128;
  margin-left:35px;
  margin-bottom:-4px;
  }
 
#contenu_en_tete{
  font-family:Tahoma;
  font-size:14px;
  color:#0d1128;
  text-align:justify;
  text-indent:12px;
  padding-left:8px;
  padding-right:8px;
  margin-bottom:-4px;
  }

#en_tete_infos_forum{
  font-family:Tahoma;
  font-size:12px;
  color:#0d1128;
  text-align:justify;
  text-indent:12px;
  padding-left:8px;
  padding-right:8px;
  margin-bottom:-4px;
  }
 
#en_tete_news{
  font-family:Tahoma;
  font-size:16px;
  color:#0d1128;
  margin-left:12px;
  margin-bottom:-4px;
  }

#logo_en_tete, #staff_en_tete{
  text-align:center;
  }

#logo_en_tete a, #staff_en_tete{
  text-decoration:none;
  }

#logo_en_tete img{
  padding-bottom:4px;
  }

#staff_en_tete img{
  padding-left:6px;
  }
     
/****** Mise en page des liens ******/

#lien_en_tete{
  color:#0d1128;
  text-decoration:none;
  }

#lien_en_tete:hover{
  border-bottom:dotted 1px #0d1128;
  font-weight:bold;
  }

#vers_profil{
  color:#0d1128;
  text-decoration:none;
  font-style:italic;
  }
 
#vers_profil:hover{
  border-bottom:dotted 1px #0d1128;
  }

Je ne suis pas une pro en code, alors voilà mon problème : Je voudrais mettre, en tant que fond de mon tableau, une image. Mais je ne sais pas remplacer quoi par quoi, dans le CSS ou HTML, bref, j'ai besoin de votre aide. Merci.


Dernière édition par Pauline_k le Mar 25 Oct 2011 - 20:07, édité 1 fois

Pauline_k
Nouveau membre

Messages : 14
Inscrit(e) le : 07/09/2011

http://fightforhyllis.actifforum.com/
Pauline_k a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond de tableau.

Message par Lixyr le Mar 25 Oct 2011 - 19:59

Bonjour.

Déjà, il y a quelques erreurs dans votre code. Un tableau comment par la balise <table> et ensuite prends une ligne, marquée par la balise <tr> en enfin une cellule par la balise <td>. Hors, vous n'avez mis qu'une cellule, pas de bordure ni de ligne. L'image de fond se mettre ensuite dans la balise de la bordure (table).

<table style="background-image:url(URL_DE_L_IMAGE_DE_FOND);background-repeat:repeat;"><tr><td>
<p id="en_tete_nav">* <a href=http://fightforhyllis.actifforum.com/t6-ou-sommes-nous>Contexte</a>
<p id="en_tete_nav">* <a href=http://fightforhyllis.actifforum.com/t7-regles-generales>Règlement</a>
<IMG SRC="http://i44.servimg.com/u/f44/16/84/38/14/annonc10.png">
<IMG SRC="http://i44.servimg.com/u/f44/16/84/38/14/staff10.png">
<p
</td>
<td id="tab1_col2">
<IMG SRC="http://i44.servimg.com/u/f44/16/84/38/14/rasuma10.png">
<p id="contenu_en_tete">Nous sommes sur Hyllis, une petite planète du système 4. En cet an 2435, les Domz, d'étranges extraterrestres, ont débarqué. Les Sections Alpha prétendent tout faire pour protéger les Hylliens mais le réseau Iris les accuse d'aider les DomZ à enlever des habitants. Pendant ce temps, les "Damnés", eux, rêvent de vengeance. Vous joindrez-vous à Iris afin de défendre Hyllis de la menace Domz et de déjouer les plans des Sections Alphas, ou vous mêlerez-vous au combat pour rétablir l'honneur de votre peuple ? </p>
</td>
<td id="tab1_col3">
<IMG SRC="http://i44.servimg.com/u/f44/16/84/38/14/topsit10.png">
<IMG SRC="http://i44.servimg.com/u/f44/16/84/38/14/parten10.png">

</td>
</tr>
</table>


Cordialement.





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond de tableau.

Message par Pauline_k le Mar 25 Oct 2011 - 20:07

Ca marche, merci beaucoup ! Very Happy

Pauline_k
Nouveau membre

Messages : 14
Inscrit(e) le : 07/09/2011

http://fightforhyllis.actifforum.com/
Pauline_k a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond de tableau.

Message par Lixyr le Mar 25 Oct 2011 - 20:27

Je vous en prie. Smile





Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum