Position des input et des libelles [Fait]

**samouille666** · 28/12/2007, 14h32

Bonjour, je voudrais faire la chose suibvante :
caller les libelles à gauche et les input à droite.

voilà le html :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
 
	<title></title>
 
	<link rel="stylesheet" type="text/css"  href="ecran.css" />
 
</head>
<body>
 
<!-- Contenu du document -->
	<div id="conteneur1">
		<div>
			<span>libelle1</span><input type = "text" value ="1"/>
		</div>
		<div>
			<span>libelle2</span><input type = "text" value ="2"/>
		</div>
		<div>
			<span>libelle3</span><input type = "text" value ="3"/>
		</div>			
	</div>
	<div id="conteneur2">
		<div>
			<span>libelle1</span><input type = "text"/>
		</div>
		<div>
			<span>libelle1</span><input type = "text"/>
		</div>
		<div>
			<span>libelle1</span><input type = "text"/>
		</div>			
	</div>	
</body>
</html>

et le css est le suivant:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
#conteneur1, #conteneur2{
	width:300px;
	border : 1px solid black;
	display:inline;
	float:left;
}
 
input{
	text-align:right;
}

si vous avez une idée ... ou un lien que je n'aurais pas remarque.

Merci d'avance,

**Kerod** · 29/12/2007, 01h47

SI je puis me permettre : Je te suggère de jeter un oeil à notre tutoriel sur la personnalisation des formulaires qui a exactement ce que tu recherches avec exemples et code à la clé.

Personnalisation d'un formulaire XHTML avec CSS

Si tu as un soucis n'hésite pas à revenir

**clb56** · 29/12/2007, 13h48

Envoyé par Kerod

SI je puis me permettre : Je te suggère de jeter un oeil à notre tutoriel sur la personnalisation des formulaires qui a exactement ce que tu recherches avec exemples et code à la clé.

Très beau travail où le html est traité avec beaucoup de soin, c'est complet et bien présenté. bravo

Petite remarque, il serait bien que les intitulés des différents liens "voir le formulaire" du document soient différenciés puisqu'ils renvoient à des ressources différentes.

**Kerod** · 29/12/2007, 18h00

Envoyé par clb56

Petite remarque, il serait bien que les intitulés des différents liens "voir le formulaire" du document soient différenciés puisqu'ils renvoient à des ressources différentes.

Certes mais ils appartiennent chacun à un paragraphe donc il ne peut y avoir de confusion

**clb56** · 29/12/2007, 18h46

Bonjour,

non, non, celà pose bien un problème de fond sur le traitement des liens par d'éventuelles fonctionalités (voir l'option lien de la barre latérale d'opera par exemple), sans parler de l'absence de contexte dans le cas d'un navigation par liens avec un lecteur d'écran. De ce fait ce doit donc être formellement évité.

En fait le principe c'est qu'un lien reste compréhensible en dehors de tout contexte.

Position des input et des libelles [Fait]

Positionnement en CSS

Vue hybride

Discussions similaires

Partager

Partager