Est-il possible de "dévalider" complètement les espaces d'un bloc div ?
Je m'explique, j'ai une petite feuille de style qui ressemble à ça :
Code :
- .tdherbe {
- background-image:url(images/chasse/fdherbe.jpg);
- display:block;
- width:600px;
- padding:0;
- margin:0;
- border:0;
- text-align:center;
- margin-left:10px;
- }
- .tdherbe img {
- padding:0;
- margin:0;
- border:0;
- }
|
Plus loin, j'ai un code qui ressemble à ça :
Code :
- <div class="tdherbe">
- <img src="images/chasse/arbre1.gif" width="96" height="96" id="img0" alt="arbre" />
- <img src="images/chasse/arbre1.gif" width="96" height="96" id="img1" alt="arbre" />
- <img src="images/chasse/arbre1.gif" width="96" height="96" id="img2" alt="arbre" />
- <img src="images/chasse/arbre1.gif" width="96" height="96" id="img3" alt="arbre" />
- <img src="images/chasse/arbre1.gif" width="96" height="96" id="img4" alt="arbre" />
- <img src="images/chasse/arbre1.gif" width="96" height="96" id="img5" alt="arbre" />
- <br />
- <img src="images/chasse/arbre1.gif" width="96" height="96" id="img6" alt="arbre" />
- <img src="images/chasse/arbre1.gif" width="96" height="96" id="img7" alt="arbre" />
- <img src="images/chasse/arbre1.gif" width="96" height="96" id="img8" alt="arbre" />
- <img src="images/chasse/arbre1.gif" width="96" height="96" id="img9" alt="arbre" />
- <img src="images/chasse/arbre1.gif" width="96" height="96" id="img10" alt="arbre" />
- <img src="images/chasse/arbre1.gif" width="96" height="96" id="img11" alt="arbre" />
- <br />
- <img src="images/chasse/arbre1.gif" width="96" height="96" id="img12" alt="arbre" />
- <img src="images/chasse/arbre1.gif" width="96" height="96" id="img13" alt="arbre" />
- <img src="images/chasse/arbre1.gif" width="96" height="96" id="img14" alt="arbre" />
- <img src="images/chasse/arbre1.gif" width="96" height="96" id="img15" alt="arbre" />
- <img src="images/chasse/arbre1.gif" width="96" height="96" id="img16" alt="arbre" />
- <img src="images/chasse/arbre1.gif" width="96" height="96" id="img17" alt="arbre" />
- </div>
|
Le problème, c'est que j'ai mis tous les <img> à la ligne histoire d'avoir un code à peu près lisible.
Autrement, je peux coller tous les img les uns à la suite de l'autre, ça fonctionne, mais ça fait des lignes très longues et c'est limite indéchiffrable.
Y'a-t-il un moyen pour dire à une CSS de ne pas prendre les retours à la ligne et les tabulations de mise en forme.
Autrement, je passerais pas un p'tit converto php, mais bon, on sait jamais, si quelqu'un a déjà eu le problème, merci d'avance.
Message édité par The-Shadow le 25-05-2005 à 18:06:59