Bonjour bonjour,
Me voici nouveau ici, nouveau en tant que posteur à vrai dire, enfin décider d'intégrer cette communauté !
Je suis face à un problème récurrent chez moi, c'est ma peur de me lancer et de me tromper de méthode lors de la création de mes CSS.
Et là je suis en train de me casser la tête pour aligner une image verticalement dans un P, voici le code, vous pourrez peut-être m'éclairer (j'ai cherché des solutions; je suis pas fan des hacks ie, et apparement le vertical align des images c'est pas la joie)
CSS
HTML
[code]
<div id="menu">
<p class="first"><img src="graphics/text-menu-menu.gif"></p>
<p><img src="graphics/text-menu-prog.gif"></p>
<p><img src="graphics/text-menu-reservations.gif"></p>
</div>
Je cherche donc à aligner verticalement l'image, j'ai essayé de définir un line-height identique à la hauteur de la box, puis de mettre le vertical align en middle, malheureusement ça ne marche que sur IE (ben oui, quand on fait correctement les choses IE refuse d'interpréter et quand on se gourre il est OK).
MERCCI
Me voici nouveau ici, nouveau en tant que posteur à vrai dire, enfin décider d'intégrer cette communauté !
Je suis face à un problème récurrent chez moi, c'est ma peur de me lancer et de me tromper de méthode lors de la création de mes CSS.
Et là je suis en train de me casser la tête pour aligner une image verticalement dans un P, voici le code, vous pourrez peut-être m'éclairer (j'ai cherché des solutions; je suis pas fan des hacks ie, et apparement le vertical align des images c'est pas la joie)
CSS
#menu {margin-right:30px; width:195px;}
#menu p.first {height:34px;padding-left: 10px; background-color:#bc7a24; margin:0px;}
#menu p {line-height:21px; height: 21px; vertical-align:middle padding-left: 10px; background-color:#bc7a24; margin:0px;}
HTML
[code]
<div id="menu">
<p class="first"><img src="graphics/text-menu-menu.gif"></p>
<p><img src="graphics/text-menu-prog.gif"></p>
<p><img src="graphics/text-menu-reservations.gif"></p>
</div>
Je cherche donc à aligner verticalement l'image, j'ai essayé de définir un line-height identique à la hauteur de la box, puis de mettre le vertical align en middle, malheureusement ça ne marche que sur IE (ben oui, quand on fait correctement les choses IE refuse d'interpréter et quand on se gourre il est OK).
MERCCI
