Script alignement d'objets page web
Résolu
Bonjour.
Je vous souhaite à toutes et à tous une bonne et heureuse année 2008.
voilà mon problème. je voudrais aligner deux objets sur la même ligne sur une page web mais un tout à gauche l'autre tout à droite.
lorsque j'écris le cript comme ceci et sans mettre de retour à la ligne "<br>":
<div style="text-align: left"><img src="fleche-g.gif" border="0" width="58" height="40" alt=""></div>
<div style="text-align: right"><img src="fleche-d.gif" border="0" width="58" height="40" alt=""></div>
je me retrouve avec un retour à la ligne pour le deuxième objet alors que je voudrais qu'ils restent sur la même ligne.
qui peut me dire comment faire.
merci à vous les gars
--
Même assis sur un Trône en or, il est assis sur son cul.
Je vous souhaite à toutes et à tous une bonne et heureuse année 2008.
voilà mon problème. je voudrais aligner deux objets sur la même ligne sur une page web mais un tout à gauche l'autre tout à droite.
lorsque j'écris le cript comme ceci et sans mettre de retour à la ligne "<br>":
<div style="text-align: left"><img src="fleche-g.gif" border="0" width="58" height="40" alt=""></div>
<div style="text-align: right"><img src="fleche-d.gif" border="0" width="58" height="40" alt=""></div>
je me retrouve avec un retour à la ligne pour le deuxième objet alors que je voudrais qu'ils restent sur la même ligne.
qui peut me dire comment faire.
merci à vous les gars
--
Même assis sur un Trône en or, il est assis sur son cul.
Configuration: Windows XP Internet Explorer 7.0
3 réponses
-
Bonjour,
essaie en remplaçant "text-align: left" par "float: left" et "text-align: right" par "float: right"
Il est même possible d esimplifier en entrant le float dans la balise img, mais je ne suis pas du tout sur, c'est à tester...
<div><img src="fleche-g.gif" border="0" width="58" height="40" alt="" float="left"><img src="fleche-d.gif" border="0" width="58" height="40" alt="" float="right"></div>
--
Tøƒ -
chapeau Darkito !!
ça fonctionne très bien.
merci à toi
amitiés -
Bonjour,
J'ai un probleme avec des boutons qui ne veulent pas du tout s'aligner sur la même ligne. Voila le code :
<style type="text/css"> .bouton2 { border: 3px #A27728 dashed; margin: 5px; width: 120px; text-align: center; padding:10px; background: #B5E173 url('/images/graychalk.jpg'); cursor: default; } .bouton2-over { border: 3px #A27728 dashed; margin: 5px; width: 120px; text-align: center; padding:10px; background: #3E9507 url('/images/graychalk3.jpg'); cursor: hand; } </style> <div class="bouton2" onclick="document.location='http://www.metacites.net/'" onmouseover="this.className = 'bouton2-over';" onmouseout="this.className = 'bouton2';"> <a href="index.html"><B>ACCUEIL</a> </div> <div class="bouton2" onclick="document.location='http://www.metacites.net/'" onmouseover="this.className = 'bouton2-over';" onmouseout="this.className = 'bouton2';"> <a href="index.html">ACCUEIL</A> </div>-
-
@DarkitoMerci beaucoup Darkito !
-
