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

"Gilles RONSIN" <nomail@please.invalid> a écrit dans le message de
news: Xns9A4CAABF2841Ed2r2c6po@127.0.0.1
> 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)
====================================

"William Marie" <wmarie@trapellun.invalid>, le lun. 25 févr. 2008
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/red...utton-element/
qui me donne satisfaction à l'usage.