5026 sujets

Sémantique web et HTML

Salut,

je voudrais afficher 3 images côtes à côtes sans qu'il n'y ait d'espace entre les images, mais je n'y arrive pas : il y a toujours un espace entre les images.

Voici mon code :

<img src="images1.gif" title="Image 1" alt="Image 1" width="67" height="28" />
<img src="images2.gif" title="Image 2" alt="Image 2" width="67" height="28" />
<img src="images3.gif" title="Image 3" alt="Image 3" width="67" height="28" />


Pourriez vous m'aider, svp ?
Modifié par telecofr (05 Feb 2007 - 16:29)
bizzarement j'ai deja eu le problème avec une liste <ul> et <li>
la seule solution que j'ai trouvé était de mettre tous les <li> comme ca :


<li></li><li></li><li></li>


au lieu de


<li></li>
<li></li>
<li></li>


Essai avec les images ca fonctionnera peut etre...mais bon celui qui a une explication plus propre, ca m'interesse aussi Smiley ohwell
Jib a écrit :
Essai avec les images ca fonctionnera peut etre...mais bon celui qui a une explication plus propre, ca m'interesse aussi Smiley ohwell

Oui ça marchera, mais pas du tout pour la même raison. Donc si tu veux une explication plus propre, la voilà :

Les images sont des éléments de type en-ligne, un peu comme des caractères. Tu remarqueras que si tu écris deux lignes de caractères (mettons deux phrases) l'une en dessous de l'autre dans le code :
<p>Une première phrase.
Une deuxième phrase.</p>

tu obtiendras le rendu suivant :
a écrit :
Une première phrase. Une deuxième phrase.

Les espaces excédentaires, les retours à la ligne et les tabulations sont toutes réduites à un unique espace. Et même dans le cas où il n'y aurait pas d'espaces ou de tabulations, il y a au moins le retour à la ligne, qui correspond à une espace.

Avec des images, on a la même chose. Logiquement, supprimer les retours à la ligne permet de supprimer cette espace excédentaire. Dans un cas comme dans l'autre, c'est un comportement normal.


Pour le cas des éléments li qui sont trop espacés quand on ne les met pas sur la même ligne de code, c'est un comportement anormal, car les li sont des éléments de type bloc, et les espaces entre deux éléments de type bloc (espaces, tabulations ou retours à la ligne) ne devraient pas être comptabilisées.

À noter que seul Internet Explorer présente ce bug, et dans certaines conditions bien précises uniquement. Mais c'est un sujet complètement différent.
mpop a écrit :

Les espaces excédentaires, les retours à la ligne et les tabulations sont toutes réduites à un unique espace. Et même dans le cas où il n'y aurait pas d'espaces ou de tabulations, il y a au moins le retour à la ligne, qui correspond à une espace.


N'ayant jamais été confronté à la chose je n'avais jamais remarqué ce point. C'est très intéressant et utile à savoir.

Cette fois ci c'est noté. Merci beaucoup Smiley cligne

<edit>
En fait plus j'y pense, plus je me dis que c'est exactement le genre de précision qui aurait toute sa place dans une faq
</edit>
Modifié par clb56 (27 Jun 2006 - 20:28)
Bonjour,
mpop a écrit :

... il y a au moins le retour à la ligne, qui correspond à une espace.


il y a mème 2 caractères :
- LF : fin de ligne et
- CR : retour charriot ( en mémoire des vieilles machines à écrire)

Pour les rendre invisibles, une solution est de mettre font-size:0 au conteneur des images
chmel a écrit :
il y a mème 2 caractères :
- LF : fin de ligne et
- CR : retour charriot ( en mémoire des vieilles machines à écrire)

Ça, ça dépend des réglages de l'éditeur.

– Les vieux Mac OS utilisaient CR (valeur héxadécimale 0D… ce qui veut dire treize pour ceux que ça laisse perplexe) ;
– les unix-like (Linux, Mac OS X) utilisent LF (valeur héxadécimale 0A, soit dix) ;
– DOS et Windows utilisent LF+CR (soit deux octets pour un retour à la ligne : 0A0D).

Avec un bon éditeur de texte, on peut choisir quel type de retour à la ligne on veut.
merci pour vos réponses !!

ca marche : il fallait mettre le code des 3 images sur la même ligne sans espace, et ca affiche bien les images sans espaces !!!

Tout bête : fallait y penser !

Merci Smiley jap
Raphael a écrit :

Bravo Smiley smile
Tu considères que ce sujet est [Résolu] ? Smiley cligne



oui c'est résolu et j'ai rajouter "résolu sur le titre"

Merci !
Modifié par telecofr (29 Jun 2006 - 16:51)