Supprimer complètement des espaces invisibles.

Supprimer complètement des espaces invisibles. - HTML/CSS - Programmation

Marsh Posté le 25-05-2005 à 18:04:56    

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 :
  1. .tdherbe {
  2. background-image:url(images/chasse/fdherbe.jpg);
  3. display:block;
  4. width:600px;
  5. padding:0;
  6. margin:0;
  7. border:0;
  8. text-align:center;
  9. margin-left:10px;
  10. }
  11. .tdherbe img {
  12. padding:0;
  13. margin:0;
  14. border:0;
  15. }


 
Plus loin, j'ai un code qui ressemble à ça :

Code :
  1. <div class="tdherbe">
  2.     <img src="images/chasse/arbre1.gif" width="96" height="96" id="img0" alt="arbre" />
  3.     <img src="images/chasse/arbre1.gif" width="96" height="96" id="img1" alt="arbre" />
  4.     <img src="images/chasse/arbre1.gif" width="96" height="96" id="img2" alt="arbre" />
  5.     <img src="images/chasse/arbre1.gif" width="96" height="96" id="img3" alt="arbre" />
  6.     <img src="images/chasse/arbre1.gif" width="96" height="96" id="img4" alt="arbre" />
  7.     <img src="images/chasse/arbre1.gif" width="96" height="96" id="img5" alt="arbre" />
  8. <br />
  9.     <img src="images/chasse/arbre1.gif" width="96" height="96" id="img6" alt="arbre" />
  10.     <img src="images/chasse/arbre1.gif" width="96" height="96" id="img7" alt="arbre" />
  11.     <img src="images/chasse/arbre1.gif" width="96" height="96" id="img8" alt="arbre" />
  12.     <img src="images/chasse/arbre1.gif" width="96" height="96" id="img9" alt="arbre" />
  13.     <img src="images/chasse/arbre1.gif" width="96" height="96" id="img10" alt="arbre" />
  14.     <img src="images/chasse/arbre1.gif" width="96" height="96" id="img11" alt="arbre" />
  15. <br />
  16.     <img src="images/chasse/arbre1.gif" width="96" height="96" id="img12" alt="arbre" />
  17.     <img src="images/chasse/arbre1.gif" width="96" height="96" id="img13" alt="arbre" />
  18.     <img src="images/chasse/arbre1.gif" width="96" height="96" id="img14" alt="arbre" />
  19.     <img src="images/chasse/arbre1.gif" width="96" height="96" id="img15" alt="arbre" />
  20.     <img src="images/chasse/arbre1.gif" width="96" height="96" id="img16" alt="arbre" />
  21.     <img src="images/chasse/arbre1.gif" width="96" height="96" id="img17" alt="arbre" />
  22. </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
Reply

Marsh Posté le 25-05-2005 à 18:04:56   

Reply

Marsh Posté le 25-05-2005 à 18:07:11    

pour padding, margin, et border il faut preciser l'unite (px par exemple)
 
De plus toute suite de un ou plusieurs espace/tabulation/retour a la ligne est rendu par un espace en HTML par le navigateur.

Reply

Marsh Posté le 25-05-2005 à 18:07:55    

afbilou a écrit :

pour padding, margin, et border il faut preciser l'unite (px par exemple)


 
QUelque soit l'unité, 0 reste toujours 0 [:spamafote]


---------------
JE JE SUIS LIBERTINEEEEEEEEEEE JE SUIS UNE CATINNNNNNNNN §§§§§§§§
Reply

Marsh Posté le 25-05-2005 à 18:08:56    

afbilou a écrit :

pour padding, margin, et border il faut preciser l'unite (px par exemple)


Pour les 0, ça fonctionne plutot bien sans.
 

afbilou a écrit :

De plus toute suite de un ou plusieurs espace/tabulation/retour a la ligne est rendu par un espace en HTML par le navigateur.


Vi, c'est ce que je me suis dit aussi, mais comme je suis loin de tout savoir sur tout, je me suis demandé si il n'y avait pas un petit truc que je ne saurais pas pour les virer, autrement, je risque d'avoir une source pourrie à lire.

Reply

Marsh Posté le 25-05-2005 à 18:17:36    

Comme le dit Kadreg, l'unité est optionnelle quand la valeur est nulle (parce que quelque soit l'unité, en CSS tous les 0 sont équivalents).
La gestion de l'espace, ça ne fait pas partie du style mais du mode de rendu du HTML, donc rien de possible à ma connaissance [:spamafote]
(par contre je doute que la construction soit correcte, et je pense que toute personne regardant le site en ayant désactivé les images ou sur un navigateur textuel/oral va péter un cable)


Message édité par masklinn le 25-05-2005 à 18:18:43

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 25-05-2005 à 18:22:03    

masklinn a écrit :

(par contre je doute que la construction soit correcte, et je pense que toute personne regardant le site en ayant désactivé les images ou sur un navigateur textuel/oral va péter un cable)


C'est pour faire un jeu en JS à la souris, donc déjà, les navigateur textuels/oraux, comment dire, heu... :whistle:  
Et déjà, j'ai fait un effort, parce qu'à la base, la grille d'image était faites en table et je n'avais pas le problème d'espace. :o  
 
Bon, cela dit, tant pis si il n'y a pas de solution, je demandais au cas où, j'ai fait un petit script PHP de 3 lignes qui me vire tout ça, c'est dommage d'en arriver là, mais bon.

Reply

Marsh Posté le 25-05-2005 à 18:22:07    

T'as la solution d'afficher une image unique de toutes tes images tout simplement. Et si tu veux garder tes fichiers images "separés" un script PHP peut les souder a la volée :(
 
La seule solution CSS serait des mages negatives mais trop imprecis puisque ca peut changer d'un navigateur a un autre, d'une resolution a une autre.

Reply

Marsh Posté le 25-05-2005 à 18:24:37    

The-Shadow a écrit :

C'est pour faire un jeu en JS à la souris, donc déjà, les navigateur textuels/oraux, comment dire, heu... :whistle:


Dans ce cas autant y aller à fond et générer le machin en JS directement [:kbchris]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 25-05-2005 à 18:27:49    

masklinn a écrit :

Dans ce cas autant y aller à fond et générer le machin en JS directement [:kbchris]


Pas bête, j'y avais pas penser.
Mais bon, ça fonctionne bien comme ça, alors je vais le garder. [:amandine75011]  

Reply

Marsh Posté le 26-05-2005 à 10:10:08    

masklinn a écrit :

Dans ce cas autant y aller à fond et générer le machin en JS directement [:kbchris]


+1 (vive les event handlers, et les JS separes de l'html).
Avec un texte dans la page indiquant que le jeu ne fonctionne pas sans js.
Une fois le js charge, une fonction dans le onload va cacher ce js.
 
Comme ca si la personne n'as pas de js active, il saura d'ou vient le "probleme".

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed