Script alignement d'objets page web [Résolu/Fermé]

Signaler
Messages postés
113
Date d'inscription
mercredi 15 février 2006
Statut
Membre
Dernière intervention
24 mai 2016
-
 Fredou-x3 -
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

3 réponses

Messages postés
1190
Date d'inscription
vendredi 7 décembre 2007
Statut
Membre
Dernière intervention
26 mai 2010
516
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øƒ
Messages postés
113
Date d'inscription
mercredi 15 février 2006
Statut
Membre
Dernière intervention
24 mai 2016
1
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>

Messages postés
1190
Date d'inscription
vendredi 7 décembre 2007
Statut
Membre
Dernière intervention
26 mai 2010
516
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.
>
Messages postés
1190
Date d'inscription
vendredi 7 décembre 2007
Statut
Membre
Dernière intervention
26 mai 2010

Merci beaucoup Darkito !