Hallo,
ich hab ein Problem mit meinem Tab-Menü. Zur Erstellung habe ich den CSS Tab Designer 2 verwendet. Es lief alles wunderbar, nur der momentan besuchte Link wird nicht (wie beim hover) markiert.
http://jfbadueberkingen.jf.funpic.de/
Der Quellcode der Komponente lautet:
<!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 13px/1.5em Verdana;
}
img {
border: none;
}
/*- Menu Tabs 6--------------------------- */
#tabs6 {
float:left;
width:100%;
background:#cccccc;
font-size:93%;
line-height:normal;
border-bottom:1px solid #666;
}
#tabs6 ul {
margin:0;
padding:1px 10px 0 120px;
list-style:none;
}
#tabs6 li {
display:inline;
margin:0;
padding:0;
}
#tabs6 a {
float:left;
background:url("tableft6.gif") no-repeat left top;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabs6 a span {
float:left;
display:block;
background:url("tabright6.gif") no-repeat right top;
padding: 5px 20px 4px 8px;
color:white;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs6 a span {float:none;}
/* End IE5-Mac hack */
#tabs6 a:hover span {
color:#FFF;
}
#tabs6 a:active {
background-position:0% -42px;
}
#tabs6 a:hover span {
background-position:100% -42px;
}
#tabs6 #current a {
background-position:0% -42px;
}
#tabs6 #current a span {
background-position:100% -42px;
}
-->
</style>
</head>
<body>
<div id="tabs6">
<ul>
<!-- CSS Tabs -->
<li><a href="../../../home.html"><span>Home</span></a></li>
<li><a href="../../../aktuelles.html"><span>Aktuelles</span></a></li>
<li><a href="../../../team.html"><span>Team</span></a></li>
<li><a href="../../../infos.html"><span>Infos</span></a></li>
<li><a href="../../../bilder.html"><span>Bilder</span></a></li>
<li><a href="../../../termine.html"><span>Termine</span></a></li>
<li><a href="../../../kontakt.html"><span>Kontakt</span></a></li>
<li><a href="../../../impressum.html"><span>Impressum</span></a></li>
<li><a href="../../../links.html"><span>Links</span></a></li>
</ul>
</div>
<br /><br />
</body>
</html>
Mein zweites Problem ist der Scrollbalken. Bei der Rubrik Bilder erscheint der lange Scrollbalken, ich möchte aber, dass nur das 2. css feld scrollbar ist, mein Headmenü soll oben stehen bleiben.
Wie und Was muss dafür im CSS Editor ändern?
Vielen Dank für eure Bemühungen
