nicht angemeldet
Ich habe ein Navigationsmenü runtegeralden, das nicht so tut wie ich möchte. Ich will folgendes erreichen:
Ich habe ein oberes Frame (Menü) und ein unteres Frame (Inhalt).
Menn ich im Menü was anklicke, dann soll der angeklickte Menüpunkt markiert bleiben. Und das tut er nicht. Wie geht sowas?
Hier das Menü:
<!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=iso-8859-1" />
<title>Free CSS Navigation Menu Designs 2 at exploding-boy.com</title>
<style type="text/css">
<!--
body {
margin:0;
padding:0;
font: bold 11px/1.5em Verdana;
}
h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}
img {
border: none;
}
/*- Menu Tabs 1--------------------------- */
#tabs1 {
float:left;
width:100%;
background:#F4F7FB;
font-size:93%;
line-height:normal;
border-bottom:1px solid #BCD2E6;
}
#tabs1 ul {
margin:0;
padding:10px 10px 0 50px;
list-style:none;
}
#tabs1 li {
display:inline;
margin:0;
padding:0;
}
#tabs1 a {
float:left;
background:url("tableft1.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs1 a span {
float:left;
display:block;
background:url("tabright1.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#627EB7;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs1 a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {
color:#627EB7;
}
#tabs1 a:hover {
background-position:0% -42px;
}
#tabs1 a:hover span {
background-position:100% -42px;
}
#tabs1 #current a {
background-position:0% -42px;
}
#tabs1 #current a span {
background-position:100% -42px;
}
-->
</style>
</head>
<body>
<h2>Tab Menu 1</h2>
<div id="tabs1">
<ul>
<!-- CSS Tabs "-->
<li id="current"><a href="ArprtWX.html" target="content"><span>Airport Weather</span></a></li>
<li><a href="ArprtNfo.html" target="content"><span>Airport Info</span></a></li>
<li><a href="EnrteWnds.html" target="content"><span>Enroute Winds</span></a></li>
<li><a href="SgWX.html" target="content"><span>Significant</span></a></li>
<li><a href="Nfo.html" target="content"><span>Info</span></a></li>
</ul>
</div>
</body>
</html>
Bodo