Help with menu in frames

**rosarymon** · 04-24-2008, 06:51 PM

Hi i'm new here, I have a problem-> My menu doesn't work in the frameset, it looks like that the css style doesnt work

Here is the code of the frameset:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
		<meta name="generator" content="Adobe GoLive" />
		<title>Main Page</title>
		
	</head>

	<frameset rows="206,*" frameborder="no">
		<frame name="Menu" src="menu%202.html"  noresize="noresize" scrolling="no" />
		<frame name="Main Variable Page" src="main%20page.html" noresize="noresize" scrolling="yes"/>
		<noframes>

			<body>  
			
			<p>This page uses frames, but your browser doesn't support them.</p>
			
			</body>

		</noframes>
	</frameset>

</html>

And this is the code of the menu.html:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="content-type" content="text/html;charset=utf-8" />
		<meta name="generator" content="Adobe GoLive" />
		<title>menu 2</title>
		<link href="css/basic.css" rel="stylesheet" type="text/css" media="all" />
		<link rel="stylesheet" type="text/css" href="custom css's/menu.css" />
		<style type="text/css" media="all"><!--
body { background-color: #000; }
.dsR2 /*agl rulekind: base;*/ { width: 614px; height: 126px; }
--></style>
	</head>

	<body>
		<p align="center"><img class="dsR2" src="Imagini/header2.jpg" alt="" align="middle" border="0"/></p>
		<div class="indentmenu">
			<ul>
				<li><a href="http://www.dynamicdrive.com/">Legile</a></li>
				<li><a href="http://www.dynamicdrive.com/style/">Magia de Azi</a></li>
				<li><a href="http://www.dynamicdrive.com/forums/">Lumea Magica a Mitologiei</a></li>
				<li><a href="http://tools.dynamicdrive.com">Religia</a></li>
				<li><a href="http://www.javascriptkit.com/">Magia Alba si Neagra</a></li>
			</ul>
			<br style="clear: left" />
		</div>
	</body>

</html>

The menu.css contains this code:

Code:

<style type="text/css">

.indentmenu{
font-size:12px; 
font-weight:bold; 
font-family:"Trebuchet MS", Helvetica, Arial, Verdana, sans-serif; 
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
padding: 0;
float: left;
width: 80%; /*width of menu*/
background:url(../Imagini/Imagini%20Meniu/bg.jpg) repeat-x left top; 
text-align:center;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: #999;
font-weight:bold;
padding: 5px 11px;
text-decoration: none;

}


.indentmenu ul li a:hover, .indentmenu ul li .current{
color: #09ff00;
background:url(../Imagini/Imagini%20Meniu/over.jpg) no-repeat right top;
}

</style>

Another menu worked in the frameset but this one doesn't want too..
Can somemody tell me what's wrong?