Discussion :

[Mycose]

Bonjour,

J'ai un petit probleme ! Je voudrais retirer le retour a la ligne de la balise <div>

Je fais un formulaire et je voudrais aligner tous les textbox avec un label a leur driote pour gestion d'erreur.
J'ai donc mis dans des <div> c'est deux elements sur chaque ligne.

Au début sa avait fait un retour a la ligne donc j'ai genre :

Nom:
<TEXTBOX><LABELERREUR>

J'ai regarde un peu le css et j'ai voulu faire un display: inline
Mais IMPOSIBLE de déplacer la textbox et le label vu qu'ils etaient dans un inline...

Donc voila je voudrais savoir si y aun autre moyen
illustration du problem :

Uploaded with ImageShack.us

code que j'ai en ce moment :

Code :

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

1
2
3
4
5
6
7
div
{
    position: relative;
    left: 226px;
    bottom: 26px;
    width: 791px;
}

Voila merci beaucoup d'avance

ps: Oui j'ai testé margin: 0px x) ainsi que padding: 0px

[Mahefasoa]

Bonjour,

Peux-tu poster ici un extrait de code?

Pour info, un div est un élément de type bloc et ton labelerreur me paraît être un élément de type inline.

Une des solutions serait d'attribuer la directive display:inline pour le div.

Bien cordialement,

[Mycose]

Code :

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

1
2
3
4
5
6
7
8
9
10
...
Nom:<div><acronym title="25 caractères maximum"><asp:TextBox id="zeNom" runat="server"/></acronym>
		<asp:Label id="zaErrNom" text="" runat="server" CssClass="style1"/></div>
 
		Prenom:(*)<div><acronym title="25 caractères maximum"><asp:TextBox id="zePrenom" runat="server"/></acronym>
		<asp:Label id="zaErrPrenom" text="" runat="server" CssClass="style1"/></div>
 
		E-mail:(*)<div><asp:TextBox id="zeEmail" runat="server"/>
		<asp:Label id="zaErrEmail" text="" runat="server" CssClass="style1"/></div>
...

J'ai coupé car c'est x fois ca en gros x)

Mais sinon j'ai deja testé en fessant

Code :

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

1
2
3
4
div
{
display: inline;
}

Mais apres text-align marche pu, ni "position: relative" et donc la textbox est collé a gauche au text que j'ai mis :/

[Mahefasoa]

Alors un float:left sur le div serait une option dans ce cas.

[Mycose]

le float: left fessais un truc bizarre, genre "nom*)" et tous les autres se retrouvaient a droite des textbox XD
J'ai donc mit right et sa marche x)

Merci !

EDIT : ENfait non sa marche pas

EDIT 2 : Enfait si c'est bon, j'avais retirer les <br /> comme un boulet x)

[Mycose]

Enfait j'ai encore un petit probleme

Avec le float: right; il remonte d'une ligne le block si il y a rien au dessus.

Y a t'il un moyen de blocker ca ? genre une propriété ?