Maxi: Wie iFrame mit CSS (active/current) Menü ansteuern?

Beitrag lesen

SELF-Forum

Wie iFrame mit CSS (active/current) Menü ansteuern?

Maxi
– Informationen zu den Bewertungsregeln

Der Code:

  
<html>  
<head>  
<link rel="stylesheet" href="style/menu_style.css" type="text/css" />  
</head>  
<body>  
<ul class="menu red">  
<li class="current"><a href="content/index.html" target="frame">Startseite</a></li>  
<li><a href="content/about.html" target="frame">Über Uns</a></li>  
<li><a href="content/gb.html" target="frame">Gästebuch</a></li>  
<li><a href="content/music.html" target="frame">Musik</a></li>  
<li><a href="content/contact.html" target="frame">Kontakt</a></li>  
<li><a href="content/imprint.html" target="frame">Impressum</a></li>  
</ul>  
<iframe src="content/index.html" width="800" height="307" border="0" frameborder="0" framespacing="0" name="frame">Sorry, dein Brower unterstützt keine Frames!</iframe>  
</body>  
</html>

Inhalt der CSS:

  
ul.menu {  
list-style-type:none;  
width:auto;  
position:relative;  
display:block;  
height:33px;  
font-size:.6em;  
background:url(images/bg.png) repeat-x top left;  
font-family:Verdana,Helvetica,Arial,sans-serif;  
border:0px solid #000;  
margin:0;  
padding:0;  
}  
  
ul.menu li {  
display:block;  
float:left;  
margin:0;  
padding:0;  
}  
  
ul.menu li a {  
float:left;  
color:#A79787;  
text-decoration:none;  
height:24px;  
padding:9px 15px 0;  
font-weight:normal;  
}  
  
ul.menu li a:hover,.current {  
color:#fff;  
background:url(images/bg.png) repeat-x top left;  
text-decoration:none;  
}  
  
ul.menu .current a {  
color:#fff;  
font-weight:700;  
}  
  
  
/*RED*/  
ul.menu.red{  
background-color:#B11718;  
}  
ul.menu.red li a:hover, .menu.red li.current {  
background-color:#DE3330;  
}
Beitrag melden
–
Informationen zu den Bewertungsregeln