Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.
- Friends
-
I'm working on a design where I have some list items vertically centered in a box (an image that's 33px tall). To do so, I've made the list items
display: block
,float: left
,height: 33px
, andline-height: 33px
. This works exactly like I want.
All of the text on the page is relatively sized usingem
s. I was hoping that since I defined theline-height
in absolute terms (pixels), the items would remain vertically centered when I resize the text, but this is not the case.
Is there any way to do what I'm asking (without javascript, which can do it, but it's a pain)? -
assuming that this is your body:
body { font-size:10px; }
You should try that:
li { height:3.3em; line-height:3.3em; } -
how it went?
-
I'm sorry I didn't reply. I didn't try your method because I already know it won't work. Firefox will resize pixel-sized fonts. So, when the font goes larger than 10px, 3.3em will also expand. Thanks, though.
-
varland, I don't believe what you're asking CSS to do is going to be possible except w/ javascript like you said earlier.
1 to 5 of 5