Vertikal centrering

7 svar · 659 visningar · startad av learn 22 sep. 2005

learnMedlem sedan jan. 20051 143 inlägg

22 sep. 2005 15:09#1

Någon som har tips på hur jag genom CSS får en text att centreras vertikalt bredvid en bild i samma <p>?

zcorpanMedlem sedan dec. 20042 269 inlägg

22 sep. 2005 15:14#2

p img { vertical-align:middle; }

learnMedlem sedan jan. 20051 143 inlägg

22 sep. 2005 15:31#3

funkar hyfsat, bilderna hamnar faktiskt lite, lite nedanför mitten (texten lite, lite ovanför mitten)... hmm...

zcorpanMedlem sedan dec. 20042 269 inlägg

22 sep. 2005 15:40#4

p img, p span { vertical-align:middle; }

<p><img alt="foo" src="foo.png"> <span>bar</span></p>

learnMedlem sedan jan. 20051 143 inlägg

22 sep. 2005 16:09#5

mycket bra, tackar! Men hur fungerar detta i andra browsers än Firefox. Är det ngt man kan "lita" på?

zcorpanMedlem sedan dec. 20042 269 inlägg

22 sep. 2005 18:38#6

learn skrev:

mycket bra, tackar! Men hur fungerar detta i andra browsers än Firefox. Är det ngt man kan "lita" på?

Jag skulle tro att IE6, Mozilla, Opera och Safari har tillräckligt bra stöd för vertical-align för att använda det. :)

tleeMedlem sedan mars 2001293 inlägg

10 okt. 2005 15:05#7

* löste det *

learnMedlem sedan jan. 20051 143 inlägg

31 jan. 2006 18:23#8

Om jag vill få en bild centrerad vertikalt i en div då? Diven har en en fast höjd men på bilden kan det vara lite olika höjder...