boutons mixtes alignes

Le
Gilles RONSIN
Salut,
je suis en train de me battre pour uniformiser des boutons avec des
contenus mixtes contenus dans des div. Je teste avec 4 navigateurs :
Opera, IE6, IE7, Firefox. Je n'arrive pas à obtenir des boutons
uniformes.

présentation souhaitée

<div float:left>[texte][image][image]</div>
et sur la même ligne <div centré>[texte][texte+image][image]</div>

pour se faire j'ai écrit
<div style='float:left'>
<form .>
<button ..>
<div>
text
</div>
</button>
<button ..>
<div>
<img src='img1.gif' height='10' width='10'>
</div>
</button>
<button ..>
<div>
<img src='img2.gif' height='10' width='10'>
</div>
</button>
</form>
</div>

<div style='margin-left:auto;margin-right:auto;width:200px'>
<button ..>
<div>
texte
</div>
</button>
<button ..>
<div>
<img src='img3.gif' align='left' height='10' width='10'>
texte
</div>
</button>
<button ..>
<div>
<img src='img5.gif' height='10' width='10'>
</div>
</button>
</div>

avec dans ma feuille de style:
button {text-transform:capitalize;font-size:10px;}
button div {display:inline; height:20px}

J'obtiens ça
http://cjoint.com/?cwqUgmrBgk

Pouvez-vous m'aider à obtenir quelque chose de plus présentable ?
Merci
Vidéos High-Tech et Jeu Vidéo
Téléchargements
Vos réponses
Gagnez chaque mois un abonnement Premium avec GNT : Inscrivez-vous !
Trier par : date / pertinence
William Marie
Le #22081111
"Gilles RONSIN" news:
Salut,
je suis en train de me battre pour uniformiser des boutons avec des
contenus mixtes contenus dans des div. Je teste avec 4 navigateurs :
Opera, IE6, IE7, Firefox. Je n'arrive pas à obtenir des boutons
uniformes.



Deux choses à ne pas perdre de vue :

1. IE6 ou 7 ne gèrent pas les marges de la même façon (je traite ça sur mon
site Free)

2. Il faut tout positionner en absolute quand on a 3 images (ou 3 blocs) à
mettre en hrizontal. De plus il subsistera toujorus des erreurs
d'allignement même en bataillant avec les marges. Solution (ma page
d'accueil en bas avec l'image des 3 navigateurs et le reste à l'horizontale)
: encapsuler les 3 réfractaires dans un div même si on en a pas spécialement
besoin pour le positionnement.
--
=================================== William Marie
Attention antiSpam remplacer trapellun.invalid
par free.fr
Web : http://wmarie.free.fr
http://www.pandemonium.dnsalias.org (site expérimental)
====================================
Gilles RONSIN
Le #22081101
"William Marie" 10:45:21, écrivait ceci:

Salut William,
1. IE6 ou 7 ne gèrent pas les marges de la même façon (je traite
ça sur mon site Free)

2. Il faut tout positionner en absolute quand on a 3 images (ou 3
blocs) à mettre en hrizontal. De plus il subsistera toujorus des
erreurs d'allignement même en bataillant avec les marges. Solution
(ma page d'accueil en bas avec l'image des 3 navigateurs et le
reste à l'horizontale)
: encapsuler les 3 réfractaires dans un div même si on en a pas
: spécialement besoin pour le positionnement.



Merci pour tes infos... je vais éplucher tes tutos (ça ne peut pas
faire de mal)

J'ai fini par trouver ce site
http://particletree.com/features/rediscovering-the-button-element/
qui me donne satisfaction à l'usage.
Publicité
Poster une réponse
Anonyme