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:
<!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:
<!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:
<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?
Here is the code of the frameset:
<!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:
<!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:
<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?