Script alignement d'objets page web
Résolu
warden
Messages postés
125
Statut
Membre
-
Fredou-x3 -
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
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
- Web office - Guide
- Supprimer page word - Guide
- Script vidéo youtube - Guide
- Comment traduire une page web - Guide
3 réponses
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øƒ
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øƒ
Bonjour,
J'ai un probleme avec des boutons qui ne veulent pas du tout s'aligner sur la même ligne. Voila le code :
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>
