Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1433 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Supprimer complètement des espaces invisibles.

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Supprimer complètement des espaces invisibles.

n°1097077
The-Shadow
Développeur
T'as été voir dans ton profil?
Posté le 25-05-2005 à 18:04:56  profilanswer
 

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
mood
Publicité
Posté le 25-05-2005 à 18:04:56  profilanswer
 

n°1097080
afbilou
pouet your life
Posté le 25-05-2005 à 18:07:11  profilanswer
 

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.

n°1097081
elianor
bannie 17 fois
Posté le 25-05-2005 à 18:07:55  profilanswer
 

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 §§§§§§§§
n°1097085
The-Shadow
Développeur
T'as été voir dans ton profil?
Posté le 25-05-2005 à 18:08:56  profilanswer
 

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.

n°1097097
masklinn
í dag viðrar vel til loftárása
Posté le 25-05-2005 à 18:17:36  profilanswer
 

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
n°1097101
The-Shadow
Développeur
T'as été voir dans ton profil?
Posté le 25-05-2005 à 18:22:03  profilanswer
 

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.

n°1097102
afbilou
pouet your life
Posté le 25-05-2005 à 18:22:07  profilanswer
 

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.

n°1097104
masklinn
í dag viðrar vel til loftárása
Posté le 25-05-2005 à 18:24:37  profilanswer
 

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
n°1097107
The-Shadow
Développeur
T'as été voir dans ton profil?
Posté le 25-05-2005 à 18:27:49  profilanswer
 

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]  

n°1097636
cerel
Posté le 26-05-2005 à 10:10:08  profilanswer
 

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".


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Supprimer complètement des espaces invisibles.

 

Sujets relatifs
probleme completement inexplicable avec les sockets sous windows c++supprimer l'ascenceur dans page html
supprimer ce qu'il y a entre 2 balisessupprimer des mots dans des fichiers
Supprimer tout ce qu'il y a entre deux < >Sélectionner les documents d’un fichier et tous les supprimer
supprimer une feuille a partir d1 comboboxSupprimer un dossier d'un ftp par interface web
supprimer enregistrementcomment supprimer la croix "pour fermer" d un userform
Plus de sujets relatifs à : Supprimer complètement des espaces invisibles.


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR