Discussion :

[graphicsxp]

Bonjour,
voila j'ai du mal avec css et j'aimerais avoir la chose suivante:

<div>
label

+
</div>

il faudrait que label soit aligne a gauche dans la div, et le + a droite. Comment puis je faire cela ?

merci

[supernova]

Bonjour,
<div align="left">

[graphicsxp]

Salut,
merci de m'aider mais :
1. visual studio me signale que align dans une div, c'est obsolete.
2. ca marche pas

je veux que le premier elelment soit a gauche dans la div, et le deuxieme a droite

[supernova]

Suggestion : utilises des paragraphes dans ton div et gère l'alignement pour chacun deux ou tu souhaites qlque chose de +smart

[graphicsxp]

tu veux dire des <p></p> ? j'ai essaye, c'est moche ca rajoute des retours a la ligne.

[<romain/>]

voila comment moi je ferais:

html :

Code :

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

1
2
3
4
5
6
7
 
<div class="classe1">
 
 
<p>label</p><p><+/p>
 
</div>

css :

Code :

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

1
2
3
4
 
.classe1 p{
display : inline;
}

Normaement avec ca pas de retour a la ligne...

ps : quand tu mettais label c'eait bien du texte tu parlais pas de la balise label des formulaires?

[graphicsxp]

Non, bon je poste mon code ce sera plus simple

Code :

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

1
2
3
4
   <div  class="MiniPopupHeader">
        <span style="font-weight:bold">Comments:</span>  --> devrait etre a gauche
        <span class="MiniPopupCloser" id="CloseComments">X</span> ---> devrait a etre a droite
      </div>

css:

Code :

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

1
2
3
4
5
.MiniPopupHeader
{
	background-image: url(MiniPopupBackground.gif);
	background-color: transparent;
}

voila, j'ai essaye avec des <p> et inline comme tu m'as dis, mais ca donne pas le resultat attendu. Une autre idee ?

merci

[<romain/>]

tu peux nous montrerton css pour ca : MiniPopupCloser

Parceque la tu utilise des span (desbalises inline) donc normalement pas de probleme ca se met bien de gauche a droite si ily a de la place...

Essaie de fixer une largeur a ton div.

[graphicsxp]

Parceque la tu utilise des span (desbalises inline) donc normalement pas de probleme ca se met bien de gauche a droite si ily a de la place...

Ben oui ca se met bien de gauche a droite, mais moi je veux avoir le premier span tout a droite dans la div, et le deuxieme span tout a gauche, or là ils sont tous les deux a gauche, l'un a la suite de l'autre. vois tu ?

[<romain/>]

huuum oki alors tu place le premier en float right; le second en float left et tu rajoutes une duv en dessous avecces prpriété dans son css : clear:both;

Et voila le tour est joué

[graphicsxp]

Merci, ca marche presque :

Code :

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

1
2
3
4
5
6
7
8
  <div id="divQuote" class="MiniPopup" > 
    <div class="MiniPopupHeader">
     <span style="font-weight:bold; background-color:Transparent; float:left">Quote:</span>
       <span class="MiniPopupCloser" id="CloseQuote">X</span>
       <div style="clear:both"></div>
    </div>
    <asp:TextBox TextMode="MultiLine" ID="txtQuote" runat="server" Height="200px" Width="345px"></asp:TextBox>
  </div>

Le probleme a present c'est que ma class MiniPopupHeader a une background-image. Sous IE ca fonctionne. Mais sous Firefox, elle disparait et le fond est transparent. Je crois que le clear:both n'a pas d'effet sous Firefox.

Une idee ?

[graphicsxp]

je me reponds a moi meme....
pour faire une clear div compatible :

Code :

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

<div style="clear: both;height: 0;margin: 0; padding: 0; line-height: 0; font-size: 1px;">&nbsp;</div>

voila.
merci pour l'aide