Script alignement d'objets page web

Résolu/Fermé
warden
Messages postés
113
Date d'inscription
mercredi 15 février 2006
Statut
Membre
Dernière intervention
24 mai 2016
- 16 janv. 2008 à 14:16
 Fredou-x3 - 15 mars 2008 à 17:47
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

Darkito
Messages postés
1190
Date d'inscription
vendredi 7 décembre 2007
Statut
Membre
Dernière intervention
26 mai 2010
547
16 janv. 2008 à 14:19
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
warden
Messages postés
113
Date d'inscription
mercredi 15 février 2006
Statut
Membre
Dernière intervention
24 mai 2016
1
16 janv. 2008 à 17:49
chapeau Darkito !!
ça fonctionne très bien.
merci à toi
amitiés
0
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>

0
Darkito
Messages postés
1190
Date d'inscription
vendredi 7 décembre 2007
Statut
Membre
Dernière intervention
26 mai 2010
547
15 mars 2008 à 17:29
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 > Darkito
Messages postés
1190
Date d'inscription
vendredi 7 décembre 2007
Statut
Membre
Dernière intervention
26 mai 2010

15 mars 2008 à 17:47
Merci beaucoup Darkito !
0