Discussion :

[Rick62]

bonjour à tous,
j'ai créé un formulaire avec des "label" et des "textbox" alignés en colonnes.
Voici un bout de code pour être plus clair :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
        <div style="width:15%;float:left;">
            <div class="lib" ><asp:Label ID="nom" AssociatedControlID="tb_nom" runat="server" CssClass="" Text="Nom"></asp:Label></div>
            <div class="lib" ><asp:Label ID="pre" AssociatedControlID="tb_pre" runat="server" CssClass=""><span class="req">* </span>Prénom</asp:Label></div>
            <div class="lib" ><asp:Label ID="nomjf" AssociatedControlID="tb_nomjf" runat="server" CssClass="" Text="Nom de jeune fille"></asp:Label></div>
...
        <div style="width:33%;float:left;">
            <div class="inp" ><asp:TextBox ID="tb_nom" ToolTip="Nom" runat="server" CssClass=""></asp:TextBox></div>
            <div class="inp" ><asp:TextBox ID="tb_pre" ToolTip="Prénom" runat="server" CssClass="" Width="100%"></asp:TextBox></div>
...

Mon problème:
je n'arrive pas à centrer mon label par rapport à son textbox.
j'ai pourtant bien mis dans un fichier CSS :

Code :

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

1
2
3
4
5
6
7
8
9
10
.lib
	{
		height:25px;
		font-size:12px;
		margin-top:5px;
		margin-right:10px;
		text-align:right;
		vertical-align:middle;
	}

D'où vient le problème ?
Merci pour vos réponses.

[tortuegenie]

Quel navigateur utilises-tu.

Que ce soit IE ou Firefox, le résultat ne sera pas le meme.
L'autre chose qu'il y a c'est que par défaut le controle Textbox et le controle Label n'ont pas la même hauteur.

Dans ton cas le height du label est de 25px ton textbox doit faire 23 ou 27px, je sais plus, pour que l'un soit aligné verticalement par rapport à l'autre.

[tortuegenie]

euh si tu veux les aligner en colonne il faut que quelque part les div que tu utilises soit de la même largeur, et après c'est text-align:center pour le faire horizontalement

[Rick62]

En fait, les libellés sont alignés à droite à l'horizontal.
Le problème, c'est de centrer chacun par rapport à son textbox.
(un label au niveau du top de son textbox ... c'est pas top !).
J'ai essayé tous les vertical align possibles, rien n'y change.
J'ai l'impression que cela reste impossible en ASP.NET ???

[lutecefalco]

En fait, les libellés sont alignés à droite à l'horizontal.
Le problème, c'est de centrer chacun par rapport à son textbox.
(un label au niveau du top de son textbox ... c'est pas top !).
J'ai essayé tous les vertical align possibles, rien n'y change.
J'ai l'impression que cela reste impossible en ASP.NET ???

C'est un problème d'HTML, de styles et de CSS, rien à voir avec ASP NET

[tortuegenie]

Je confirme ce que Lutecefalco t'a dit.

Ce n'est que tu CSS et comme je te l'ai dis la hauteur d'un Label et d'un Textbox n'est pas la même.

Faut faire des tests jusqu'à ce que tu trouves le bon alignement.