saut de ligne interprété comme espace !

**Benzeghiba** · 27/01/2009, 19h49

Bonjour,

Dans une petite page contenant uniquement deux boutons dont voici le code HTML :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<html>
	<head>
		<title>Titre</title>
	</head>
<body>
<input type="submit" value="Button1" id="XW0FTestAccents_XW0PPage1_Button1" />
<input type="submit" value="Button2" id="XW0FTestAccents_XW0PPage1_Button2" />
</body>
</html>

Le saut de ligne qu'il y a entre les deux balises Input est interprété par les navigateurs (IE et Firefifox) comme un espace, ainsi les deux boutons sont affiché séparés par un espace ! Pourquoi celà ? comment faire en sorte que les balises ne soit pas sur la même ligne mais que le navigateur affiche les deux boutons collés (après tout je n'ai pas spécifié   entre les deux)

**Erwan31** · 27/01/2009, 20h42

Bonsoir,
les retour chariot (retour à la lignes), les espaces et tabulations sont considérés comme des des caractères d'espacement pour les éléments en-ligne (img, input, span...)
Pour éviter cela (sans passer par une marge négative), tu dois donc convertir
tes input en boîte de bloc via un float:left

**Benzeghiba** · 27/01/2009, 21h13

ça résout un problème mais ça en crée plein d'autres ! dans le cas d'un tableau les boutons vont en déborder, ou si tu veux le t'ableau ne s'agradit pas en fonction de sboutons qu'il contient.

**clb56** · 27/01/2009, 21h15

Envoyé par Erwan31

Pour éviter cela (sans passer par une marge négative), tu dois donc convertir
tes input en boîte de bloc via un float:left

N'exagérons rien

Mettre les deux input sur la même ligne dans le code source ça le fait pas mal finalement...

Reste la question de la pertinence de tout ça d'un point de vue standards, accessibilité et tout le toutim...

**Benzeghiba** · 27/01/2009, 21h34

Ce cas n'est qu'un exemple, moi je parle pour tous les cas de figure. Imagine le cas où j'aurais 10 boutons tu trouves ça bien de mettre 10 balises sur la même ligne ?

**clb56** · 27/01/2009, 22h00

Envoyé par Benzeghiba

Imagine le cas où j'aurais 10 boutons tu trouves ça bien de mettre 10 balises sur la même ligne ?

Je trouverais surtout pas terrible d'avoir dix boutons sur la même ligne.

Pour tout dire, je ne trouve pas du tout terrible d'avoir un input type="submit en dehors d'un form dont il assure l'envoi. et je ne vois pas trop ce que viendraient faire une dizaine de tels input dans un seul et même form.

J'ai, de plus, beaucoup de doutes sur la pertinence d'accoler ainsi des éléments réactifs (boutons, liens) sans même le minimum de séparateur que constitue une espace (déjà que pour certains lecteurs d'écran, certes obsolètes aujourd'hui, l'espace n'est pas considérée comme un séparateur suffisant).

Alors, coup de fun sur deux boutons collaparte ça se règle dans le code source sans façon...

Et pour le reste: prudence, prudence...

**Erwan31** · 27/01/2009, 22h50

Envoyé par clb56

N'exagérons rien

En effet, j'ai pas donné la solution la plus simple

Mais je privilégie et je conseil pour ma part cette solution car certaines
commandes de formatage automatisées de code source (celle de Dreamweaver
par exemple) génère des retours chariot sur ce genre d'éléments.

Envoyé par Benzeghiba

ça résout un problème mais ça en crée plein d'autres ! dans le cas d'un tableau les boutons vont en déborder, ou si tu veux le t'ableau ne s'agradit pas en fonction de sboutons qu'il contient.

C'est faux, les td comme tous les éléments de rendu table-cell (le display par défaut) englobent leur enfant flottant

saut de ligne interprété comme espace !

HTML

Discussions similaires

Partager

Partager