Script alignement d'objets page web

Résolu
warden Messages postés 113 Date d'inscription   Statut Membre Dernière intervention   -  
 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

A voir également:

3 réponses

Réponse 1 / 3
Darkito Messages postés 1191 Date d'inscription   Statut Membre Dernière intervention   545
 
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
Réponse 2 / 3
warden Messages postés 113 Date d'inscription   Statut Membre Dernière intervention   1
 
chapeau Darkito !!
ça fonctionne très bien.
merci à toi
amitiés
0
Réponse 3 / 3
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>
0
Darkito Messages postés 1191 Date d'inscription   Statut Membre Dernière intervention   545
 
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 1191 Date d'inscription   Statut Membre Dernière intervention  
 
Merci beaucoup Darkito !
0