Centering Vertical Text shouldn't be this difficult...CSS — OZONE Asylum, home of the Mad Scientists

XML - XSL - XSLT - XHTML - CSS - DOM

Centering Vertical Text shouldn't be this difficult...CSS

This page's ID: 26622

Edit Post

Who can edit a post?	The poster and administrators may edit a post. The poster can only edit it for a short while after the initial post.

Your User Name:
Your Password:
Login Options:	Remember Me On This Computer

Your Text: Insert Slimies » Insert UBB Code » Close Last Tag \| All Tags UBB Help	[IMG]http://i9.photobucket.com/albums/a58/Maskkkk/help.jpg[/IMG] Okay Above I have on the right what I want it to turn out as... In the middle what it looks like in IE And on the left what it looks like in Firefox/Moz Now my question is why can't I do what is on the right using CSS so that it works in both browsers? For some reason it doesn't seem to work... HTML: [code] <ul id="sideNav"> <li><a href="#" class="unselected" onclick="initMenu(2,0)">Products & Services</a> <li><a href="#" class="unselected" onclick="initMenu(2,0)">Products & Services</a> <ul> <li><a href="#" class="subMenu selected" onclick="initMenu(2,0)"><div class="linkName">Engineering</div><div class="linkArrow">&187;</div></a></li> <li><a href="#" class="subMenu" onclick="initMenu(2,1)"><div class="linkName">Business Management</div></a></li> <li><a href="#" class="subMenu" onclick="initMenu(2,2)"><div class="linkName">Worldclass Software</div></a></li> <li><a href="#" class="subMenu" onclick="initMenu(2,3)"><div class="linkName">Networking</div></a></li> </ul> </li> </li> </ul> [/code] CSS: [code] #sideNav, #sideNav ul { padding: 0; margin: 0; list-style: none; float : left; width : 150px; } #sideNav li { position : relative; float : left; line-height : 1.25em; width: 150px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: orange; background-image: url('./images/SideMenuDots.gif'); background-repeat: no-repeat; background-position: bottom; margin: 2px; } #sideNav li h5 { font-size: 12pt; font-weight: 800; color: #000000; background-color: white; text-align: left; } #sideNav li a { width: 150px; display : block; color : black; font-size: 10pt; text-decoration : none; padding: 0px; text-align: left; } #sideNav li a.selected { /color: #0066CC;/ } #sideNav div.linkArrow { display: inline; vertical-align: middle; color: #CC3300; background-color: red; height: 40px; text-align: right; } #sideNav div.linkName { display: block; vertical-align: middle; background-color: green; margin-left: 5px; } [/code] Thanks a million again, [IMG]http://i9.photobucket.com/albums/a58/Maskkkk/maskkkkaroni.png[/IMG] - AIM: MASKKKK [url=http://nickciske.com/tools/binary.php] 01001101011000010111001101101011011010110110101101101011[/url] Loading...
Options:	Enable Slimies Enable Linkwords

« Backwards — Onwards »

Show Forum Drop Down Menu