Discussion :

[soso78]

Salut,

J'ai une petite question :


Comment feriez-vous pour positionner deux boites côte à côte en CSS ?

J'ai le code html (aspx en fait) suivant :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
        <div class="test">
            <asp:RadioButtonList ID="btnRadioList" runat="server" Width="160px">
                <asp:ListItem Selected>Début</asp:ListItem>
                <asp:ListItem>Fin</asp:ListItem>
            </asp:RadioButtonList>
        </div>
 
        <div class="infos">
            <asp:Label ID="debut" runat="server" CssClass="label" />
            <asp:Label ID="fin" runat="server" CssClass="label" />
        </div>

Puis, le code css suivant :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
.test
{
	width:200px;	
}
 
 .infos
 {
	width:250px;
	margin-top:0px;
	margin-left:250px;
 
 }

Avec ce code, mes boites se positionnent l'une à côté de l'autre.

Comment faire pour les mettre côte à côte ?

Merci par avance.

[Er3van]

Normalement si la somme des deux n'est pas plus grande que la taille de ta fenetre, il suffit de rajouter "float:left;", et du coup, pas besoin de margin sauf si tu veux les espacer.

Code CSS :

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

1
2
3
4
5
6
7
8
9
10
11
12
.test
{
	float:left;
	width:200px;
}
 
 .infos
 {
	float:left;
	width:250px;
 
 }

J'ai pas tester avec ton code ASP, mais logiquement ça ne change rien.

[soso78]

Super ! Effectivement...