pahiker Posted May 14, 2008 Share Posted May 14, 2008 I am almost done with the styling of my site, it is looking and working almost perfectly. The last problem I am having is when you move the mouse over the menu area the size of the items in the menu change. So far as I can tell, the text sizes are the same for each item, so I'm not sure just where the problem lies. I've been looking at it so much that I can no longer see the problem, so I'm sure it's something simple. /* The code below makes the menu work */ #rtnv ul { padding: 0; margin: 0; } #rtnv ul li { list-style-type: none; border: 1px solid #060; position: relative; left: 4px; margin: 0; padding: 0; } #rtnv ul ul { display: none; } #rtnv ul li:hover > ul { display: block; position: absolute; left: 100%; } #rtnv li a { display: block; text-decoration: none; color: #FFF; /* Text color - black */ } #rtnv ul ul { width: 10em; }/* Position the different levels */ /* Menu text */ #rtnv { position: absolute; top: 9px; /* from top of window */ left: 626px; /* from left of window */ width: 12em; /* width of menu column */ margin: 0; padding: 0; font-family: Verdana; /* menu font */ font-size: 9pt; } #rtnv li > a { background-color: #888; /* item background - gray */ color: #FFF; /* white */ padding: 3px; font-size: 9pt; filter: alpha(opacity=60); opacity: 0.6; } #rtnv li:hover { background-color: #090; /* color of seleted base-level item - dark green */ font-size: 9pt; filter: alpha(opacity=100); opacity: 1.0; } #rtnv li.chapter > a { background-color: #FFF; /* item background - white */ color: #000; /* color of selected sub-menu text */ } #rtnv li.chapter:hover > ul { top: 1.75em; background: #FEFEFC; /* color of sub-menu background */ } /* Top level menu */ #rtnv > ul { width: 160px; /* item line length */ margin-left: -6px; /* item indent */ font-size: 85%; } #rtnv ul { border: 1px solid #060; /* item line indent */ } #rtnv ul li { border-color: #FFF; /* item border color - white */ line-height: 1.25em; #rtnv h4 { font-size: 90%; border-bottom: 1px solid silver; Link to comment Share on other sites More sharing options...
newseed Posted May 14, 2008 Share Posted May 14, 2008 I see 3 different font sizes. 9pt, 85% and 90%. I would match those sizes and see what happens. If problem persist, it's possible you have some other CSS style that might be overriding what you have shown up. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.