Script alignement d'objets page web

Résolu

warden -

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.

Configuration: Windows XP
Internet Explorer 7.0

Afficher la suite

3 réponses

Fredou-x3

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>

Darkito
Bonjour,
par défaut, les div sont positionnées les unes sous les autres.
Si tu veux qu'elles soient sur le même ligne, regarde du coté de l'option de style : float.
0
Fredou-x3
@DarkitoMerci beaucoup Darkito !
0

Réponse 2 / 3
warden Auteur
chapeau Darkito !!
ça fonctionne très bien.
merci à toi
amitiés
0
Réponse 3 / 3
Darkito
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øƒ
0

Script alignement d'objets page web

3 réponses

Discussions similaires

Newsletters