alignement gauche et droit sur une meme ligne sans employé tableau

Invité
Invité n'ayant pas de compte PHPfrance

15 oct. 2008, 09:10

Bonjour,

Je crois que tout est dit dans le sujet. Je souhaiterai que sur une même ligne une parti s'aligne sur la gauche et une autre sur la droite.
j'ai essayé :
<div align="left"><img src="image/logo.gif"><div align="right"></div><a href="identification/logout.php" target="_top">d&eacute;connexion</a></div>
mais cela me le met sur 2 ligne différentes. Auriez vous une idée ?

merci

Eléphanteau du PHP | 17 Messages

15 oct. 2008, 09:39

C'est de l'html pas du php.

il suffit de fermer les balises dans le bon ordre.
<div align="left"><img src="image/logo.gif"></div><div align="right"><a href="identification/logout.php" target="_top">d&eacute;connexion</a></div>

tu devrait te renseigner sur les CSS aussi !

Invité
Invité n'ayant pas de compte PHPfrance

15 oct. 2008, 09:42

oui escuse moi je me suis planté en le réecrivant, j'avais supprimer vu que cela ne fonctionnais pas. Donc en faisant comme tu ma dis cela m'affiche sur une nouvelle ligne, aulieu que se soit la meme ligne.

Avatar du membre
Administrateur PHPfrance
Administrateur PHPfrance | 13231 Messages

15 oct. 2008, 11:29

Modération :
Afin d'obtenir plus de réponses, le sujet est déplacé dans le forum "HTML, XHTML, CSS".

Merci de prendre le temps de lire les règlements
ainsi que l'intitulé de chaque forum avant de poster un nouveau sujet.
Connaître son ignorance est la meilleure part de la connaissance
Pour un code lisible : n'hésitez pas à sauter des lignes et indenter

twitter - site perso - Github - Zend Certified Engineer

Eléphant du PHP | 250 Messages

15 oct. 2008, 12:58

Bonjour
Tu as deux <div>...mais que dis ta css? C'est elle qui va gérer (plus facilement) le positionnement de tes div.
Nommes les, positionnes les, et le tour est joué.
Montre nous donc cette css...
Précises nous aussi en quel version de html tu es.
"L'histoire, à l'image de toutes choses dans l'univers, semble avoir comme unique règle le côté ondulatoire."

Mammouth du PHP | 2937 Messages

15 oct. 2008, 14:24

On peut procéder ainsi :

Code XHTML

Code : Tout sélectionner

<div id="cadre"> <div id="gauche"></div> <div id="droite"></div> </div>
CSS

Code : Tout sélectionner

#cadre { width: 200px; overflow: hidden; } #gauche, #droite { color: white; background: navy; width: 50px; } #gauche { float: left; } #droite { float: right; }
Pour IE 6, il faudra ajouter la règle CSS suivante :

Code : Tout sélectionner

#cadre { height: 1%; }