Fond de tableau.

2 participants

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

Résolu Fond de tableau.

Message par Pauline_k 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://illiweb.com/fa/pbucket.gif');
  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
avatar

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 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="https://i.servimg.com/u/f44/16/84/38/14/annonc10.png">
<IMG SRC="https://i.servimg.com/u/f44/16/84/38/14/staff10.png">
<p
</td>
<td id="tab1_col2">
<IMG SRC="https://i.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="https://i.servimg.com/u/f44/16/84/38/14/topsit10.png">
<IMG SRC="https://i.servimg.com/u/f44/16/84/38/14/parten10.png">

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


Cordialement.


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Fond de tableau. 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Fond de tableau. 3592387030 pour prévenir la modération.

Fond de tableau. Baston10
Lixyr

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.com
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Fond de tableau.

Message par Pauline_k Mar 25 Oct 2011 - 20:07

Ca marche, merci beaucoup ! Very Happy
avatar

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 Mar 25 Oct 2011 - 20:27

Je vous en prie. Smile


Pour faciliter les recherches, mettez un titre explicite.
Remerciez Fond de tableau. 976083691 le message qui vous a aidé pour que celui-ci soit mis en évidence.
Épinglez votre sujet en résolu Fond de tableau. 3592387030 pour prévenir la modération.

Fond de tableau. Baston10
Lixyr

Lixyr
Aidactive
Aidactive

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

https://forum.forumactif.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

- Sujets similaires

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