Discussion :

[neismarspra]

bonjours, j'ai pas trouver dans la faq donc je tente ici.

dans une div, qui par defaut a un alignement center, j'ai besoin
sur une ligne, d'avoir
cote gauche: tu texte, et coter droit: un lien.

bon pour, le texte j'ai fait <p align="left"> mais si je recommence pour le lien, alors il se trouve sur une nouvelle ligne. De meme si je fait <hr .....

avez-vous une idee???

[neismarspra]

j'ai essayer de metre la partie gauche en titre, et la partie droite, avec un <br> et autre, mais rien a faire,

[HiRoN]

Salut,

As-tu essayé quelque chose dans ce style (à adapter):

Code HTML :

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

1
2
3
<div id="container">
<div id="texte">Ton texte</div>
<div id="lien"><a href="#"title="">Ton lien</a></div>

Code CSS :

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

1
2
3
#container {overflow:hidden; }
#texte { float:left; }
#lien { float:right; }

[neismarspra]

hmm, merci
j'ai esseyer avec un #teste { float: right }
mais toujours le meme sympthome: il me met l'element sur une nouvelle ligne

texte id=conteneur balbal -----------------------------|
----------------------------------------texte id=texte|

[HiRoN]

Dans le code que je te donne, il ne devrait pas.
Les floats left & right sur #texte & #lien vont coller les blocs sur les bords sur div #container.
Le overflow:hidden permettra au #container d'englober ses éléments flottants.

As-tu déclaré une valeur width ? (Ce qui pourrait justifier ce décale si largeur trop petite).
Définit un width à #texte & #lien (le tout devant être inférieur à la largeur de #container si != de width:100%

[neismarspra]

a la place de #lien j'ai mis un <input type="check.." xxx align="right">
ca doit venir de la.

[neismarspra]

bon j'ai corriger, et ca a foutu tous les conteneur de la page, dans le premier:
un pardessus l'autre, et j'ai bien verifier, j'ai bien mis le nombre de </div> qu'il faut.... et la ou il faut

[c_s_s]

Bonjour,

Tu peux nous montrer ton code ?

[neismarspra]

le fautif est float:left, de la div livre

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
#contenu{
text-align: left;
}
 
#livre{
float: left; //ici prb
text-align: left;
}
 
#aup{
float: right;
text-align: left;
}
</style>
 
<div id="contenu">
<div id="livre">texte <div id="aup"> <input> </div>
texte
</div>
 
<div id="livre"> ect

sous cette forme, il n'est pas necessaire de metre <div id="aup"> pour voire toute la page ratatiner dans un paragraphe.

[neismarspra]

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
#contenu{
text-align: left;
}
 
#livre{
 
text-align: left;
}
 
#aup{
float: right;
text-align: left;
}
</style>
 
<div id="contenu">
<div id="livre">texte <div id="aup"> <input> </div>
texte
</div>
 
<div id="livre"> ect

bon la j'ai suprimer la float: left de livre, et resultat:
le texte apres </div> de "aup" est bien sur la premiere ligne et a droite, mais le input reste sur une nouvelle ligne.

[devyan]

bonjours, j'ai pas trouver dans la faq donc je tente ici.

dans une div, qui par defaut a un alignement center, j'ai besoin
sur une ligne, d'avoir
cote gauche: tu texte, et coter droit: un lien.

bon pour, le texte j'ai fait <p align="left"> mais si je recommence pour le lien, alors il se trouve sur une nouvelle ligne. De meme si je fait <hr .....

avez-vous une idee???

Salut,

Essaye de déclarer "position:relative" sur l'élément conteneur (ton DIV centré);
Ensuite dans un SPAN "position:absolute; left:0;" tu places ton texte de gauche;
Dans un SPAN "position:absolute; right:0;" tu places ton texte de droite.

Il ne faut pas définir "top" ou "bottom" sinon tu casses le positionnement auto dans le flux...

[neismarspra]

merci,
et le gagnant est: SPAN

Code :

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

1
2
3
4
5
 
<div id="contenu">
<div id="livre">texte <span style="pos:absolute; right:0;"> <input type="xx" --> </span></div>
texte
</div>

encore merci a tous, mais span est plus comprehensible, que cette eternelle galere avec les div.

ps: dsl pour les erreur, les clavier cz son pas ideale pour ecrire du francais