Jump to content

Menu sizing problem


pahiker

Recommended Posts

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...