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

A voir également:

Script alignement d'objets page web
Site pour vendre des objets d'occasion - Guide
Script vidéo youtube - Guide
Traduire une page web - Guide
Supprimer une page word - Guide
Web office - Guide

3 réponses

Réponse 1 / 3

Darkito Messages postés 1191 Date d'inscription vendredi 7 décembre 2007 Statut Membre Dernière intervention 26 mai 2010 545
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øƒ

Réponse 2 / 3

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

Réponse 3 / 3

Fredou-x3
15 mars 2008 à 15:04

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

Fredou-x3 > Darkito Messages postés 1191 Date d'inscription vendredi 7 décembre 2007 Statut Membre Dernière intervention 26 mai 2010
15 mars 2008 à 17:47

Merci beaucoup Darkito !

Discussions similaires

connection ok mais aucune page ne s'affiche