Aide code CSS

OldPixel

Code:: <div style="width:100%;height:100%;background-image:url('http://s3.noelshack.com/uploads/images/5604031170837_fond_3.png');background-repeat: repeat;background-position:top center;"></div>
<br><a href="http://lepigeon.forumpro.fr/t12-recrutement-de-chroniqueurs" class="postlink" target="_blank" rel="nofollow">Recrutements de chroniqueurs</a> <img src="http://i41.servimg.com/u/f41/15/91/10/37/ouvert10.png" border="0" alt="" /></br>
<br></br>
<br><div style="margin:auto;text-align:center;width:100%">Nos partenaires</div></br><div style="margin:auto;text-align:center;width:100%"><a href="http://lepigeon.forumpro.fr/forum?sid=315dc6ed521acb410de9e47f9a5b8607" class="postlink"><img src="http://s2.noelshack.com/uploads/images/9749286503847_mini_ban_1.png" border="0" alt="" /></a>

<a href="http://www.retropixel.fr/forum/" class="postlink" target="_blank"><img src="http://www.radiobing.org/pixels/retrobanniere1.gif" border="0" alt="" /></a>

<a href="http://game-maker.forumpro.fr/" class="postlink" target="_blank"><img src="http://www.pixelz.fr/8/2/2/d341570ab506144893d61a70c5dfe.png" border="0" alt="" /></a></div>

J'ai fait ça pour avoir un fond sur mon message d'accueil de forum, mais ça ne fonctionne pas (regardez les 2 premières lignes, les autres c'est le contenu du message).
Quelqu'un aurait une solution ?

OldPixel

Code:: <div style="width:100%;height:100%;background-image:url('http://s3.noelshack.com/uploads/images/5604031170837_fond_3.png');background-repeat: repeat;background-position:top center;">
<br><a href="http://lepigeon.forumpro.fr/t12-recrutement-de-chroniqueurs" class="postlink" target="_blank" rel="nofollow">Recrutements de chroniqueurs</a> <img src="http://i41.servimg.com/u/f41/15/91/10/37/ouvert10.png" border="0" alt="" /></br>
<br></br>
<br><div style="margin:auto;text-align:center;width:100%">Nos partenaires</div></br><div style="margin:auto;text-align:center;width:100%"><a href="http://lepigeon.forumpro.fr/forum?sid=315dc6ed521acb410de9e47f9a5b8607" class="postlink"><img src="http://s2.noelshack.com/uploads/images/9749286503847_mini_ban_1.png" border="0" alt="" /></a>

<a href="http://www.retropixel.fr/forum/" class="postlink" target="_blank"><img src="http://www.radiobing.org/pixels/retrobanniere1.gif" border="0" alt="" /></a>

<a href="http://game-maker.forumpro.fr/" class="postlink" target="_blank"><img src="http://www.pixelz.fr/8/2/2/d341570ab506144893d61a70c5dfe.png" border="0" alt="" /></a></div></div>

Ca devrai marcher, t'avais fermer ton 1er paragraphe avec le div

OldPixel

Ca fonctionne ! Merci beaucoup Very Happy

OldPixel

Désolé du dp, mais maintenant les titres des catégories sont en gras et soulignées, regarde: http://lepigeon.forumpro.fr/

OldPixel

Là je sais pas du tout t'es sur que c'est dû au code ?

OldPixel

Oui, parce que ça a changé une fois que je l'ai mis.

OldPixel

Code:: <span style="width:100%;height:100%;background-image:url('http://s3.noelshack.com/uploads/images/5604031170837_fond_3.png');background-repeat: repeat;background-position:top center;">
<br><a href="http://lepigeon.forumpro.fr/t12-recrutement-de-chroniqueurs" class="postlink" target="_blank" rel="nofollow">Recrutements de chroniqueurs</a> <img src="http://i41.servimg.com/u/f41/15/91/10/37/ouvert10.png" border="0" alt="" /></br>
<br></br>
<br><div style="margin:auto;text-align:center;width:100%">Nos partenaires</div></br><div style="margin:auto;text-align:center;width:100%"><a href="http://lepigeon.forumpro.fr/forum?sid=315dc6ed521acb410de9e47f9a5b8607" class="postlink"><img src="http://s2.noelshack.com/uploads/images/9749286503847_mini_ban_1.png" border="0" alt="" /></a>

<a href="http://www.retropixel.fr/forum/" class="postlink" target="_blank"><img src="http://www.radiobing.org/pixels/retrobanniere1.gif" border="0" alt="" /></a>

<a href="http://game-maker.forumpro.fr/" class="postlink" target="_blank"><img src="http://www.pixelz.fr/8/2/2/d341570ab506144893d61a70c5dfe.png" border="0" alt="" /></a></div></span>

Essayes avec ça mais je doute que ça change grand chose ...
vois avec ross'

OldPixel

Nope, ça ne change rien :s

Je remets le code, j'ai ajouté trois lignes:

Code:: <div style="width:100%;height:100%;background-image:url('http://s3.noelshack.com/uploads/images/5604031170837_fond_3.png');background-repeat: repeat;background-position:top center;"><div style="margin:auto;text-align:center;width:100%">

<br><a href="http://lepigeon.forumpro.fr/t12-recrutement-de-chroniqueurs" class="postlink" target="_blank" rel="nofollow">Recrutements de chroniqueurs</a> <img src="http://i41.servimg.com/u/f41/15/91/10/37/ouvert10.png" border="0" alt="" /></br>

<br></br>

<br><div style="margin:auto;text-align:center;width:100%">Nos partenaires</div></br><div style="margin:auto;text-align:center;width:100%"><a href="http://lepigeon.forumpro.fr/forum?sid=315dc6ed521acb410de9e47f9a5b8607" class="postlink"><img src="http://s2.noelshack.com/uploads/images/9749286503847_mini_ban_1.png" border="0" alt="" /></a>

<a href="http://www.retropixel.fr/forum/" class="postlink" target="_blank"><img src="http://www.radiobing.org/pixels/retrobanniere1.gif" border="0" alt="" /></a>

<a href="http://game-maker.forumpro.fr/"><img src="http://s3.noelshack.com/uploads/images/18274961531079_mini_banire_forum.png"></img></a>

J'ai cru comprendre que des lignes trop longues déforment la page.

OldPixel

Je pige pas trop, y'a 3 ouvertures de blocs div sans jamais être refermée et avec des propriété CSS différentes à chaque fois O_o
P'tet commencer par les fermer à l'endroit voulu (le 1er à la toute fin du code, le 2ème et le 3ème là où tu veux appliquer les effets)

Au fait, pour un retour à la ligne on utilise maintenant

Code:: <br />

Et c'est parfaitement inutile quand on referme bien le div

Quand aux div, pour mettre du texte centré, c'est un peu abusé.

Bref, patiente un peu je corrige ton code.

OldPixel

Bon voilà ce que sa donne en codage lisible et bien fermé :

Code:: <div style="width:100%;height:100%;background-image:url('http://s3.noelshack.com/uploads/images/5604031170837_fond_3.png');background-repeat: repeat;background-position:top center;">
<div style="margin:auto;text-align:center;width:100%">
   <a href="http://lepigeon.forumpro.fr/t12-recrutement-de-chroniqueurs" class="postlink" target="_blank" rel="nofollow">Recrutements de chroniqueurs</a>
   <img src="http://i41.servimg.com/u/f41/15/91/10/37/ouvert10.png" border="0" alt="" />
</div>

<p style="text-align:center;width:100%"><br /><br />Nos partenaires <br /></p>
<div style="margin:auto;width:100%; text-align:center">
   <a href="http://lepigeon.forumpro.fr/forum?sid=315dc6ed521acb410de9e47f9a5b8607" class="postlink">
      <img src="http://s2.noelshack.com/uploads/images/9749286503847_mini_ban_1.png" border="0" alt="" />
   </a>

   <a href="http://www.retropixel.fr/forum/" class="postlink" target="_blank">
      <img src="http://www.radiobing.org/pixels/retrobanniere1.gif" border="0" alt="" />
   </a>

   <a href="http://game-maker.forumpro.fr/">
   <img src="http://s3.noelshack.com/uploads/images/18274961531079_mini_banire_forum.png" />
   </a>
</div>
</div>

OldPixel

C'est parfait ! Merci beaucoup !

» Aide code PHP
» Code gratuit /!\
» [Help] Comment ce code Marche ?
» Code ami Smackdown vs Raw 2009
» Code Ami Animal Crossing