une ligne en deux partie avec des parametre d'alignement different

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???

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

Salut,

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

Code:

---

1 2 3

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

---

Code:

---

1 2 3

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

---

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|

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%;)

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

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

Bonjour,

Tu peux nous montrer ton code ?

le fautif est float:left, de la div livre

Code:

---

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.

Code:

---

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.

Citation:

---

Envoyé par 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???

---

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...

merci,
et le gagnant est: SPAN

Code:

---

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