Hello,
Can you please connect to Link and look at the menu "About", "How does it work", etc. The letters should appear centered vertically.
I used "vertical-align: middle;" but it did not work.
Thanks a lot in advance,
Jaime
jstuardo wrote: Hello, Can
Hello,
Can you please connect to Link and look at the menu "About", "How does it work", etc. The letters should appear centered vertically.
I used "vertical-align: middle;" but it did not work.
Thanks a lot in advance,
Jaime
when prompted, use "artefy" as the username and "artastic2" as password.
This should do it
ul.menu_interior { font-size: 10px; margin-bottom: 40px; margin-left: 28px; } ul.menu_interior li { background-color: #2A2A2A; display: inline-table; height: 30px; margin: 0 2px; text-align: center; vertical-align: middle; width: 19%; } ul.menu_interior a { background-color: #2A2A2A; color: #CCCCCC; display: table-cell; text-decoration: none; vertical-align: middle; }
cheers,
gary
If its not working just using
If its not working just using margin bottum or used padding.
Vertical-align:middle in CSS
Vertical-align:middle in CSS does not do exactly what you are trying. I think you are referring to the table behavior. Here is a link to an article that explains it better than I can and offers several solutions or work arounds. Good luck! http://phrogz.net/css/vertical-align/index.html
@ The Clever Robot
Note that
- This thread is a month old. Although the OP did not respond to the answers he got, I imagine he's done with this problem.
- The link you posted offers two solutions. The first is the one I gave above.
- The second is a non-robust solution having little or nothing to recommend it other than it worked in IE6.
- There is a third solution that is a work-around for obsolete IE versions that I didn't mention because its expiry date has passed. If you're interested, see my article Centering inline elements vertically, from 2006. The method also works for block elements.
cheers,
gary