Hallo Chris,
danke, aber ich habe leider keine Homepage wo ich das hosten könnte, bzw soll das ganze auch nicht irgendwo im inet landen :/
die css datei ist folgende:
body{
height:100%;
}
#menu {
float: left;
}
#menu ul {
position: fixed;
float: left;
}
#menu h3, #menu a, #menu h1{
font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Arial, Helvetica, sans-serif;
}
#menu h1 {
text-align: left;
border: 1px solid silver;
background:url(h3_bg.gif);
min-width: 50em;
height:75px;
}
#menu h3 {
color: #333;
background: url(h3_bg.gif);
font-size:80%;
border-width: 1px;
border-style: solid;
border-color: #000000;
width:140px;
position:relative;
display:block;
}
#menu a {
width:140px;
color: #000000;
background: #d5e1ef;
text-decoration: none;
position:relative;
display:block;
}
#menu a:hover, #menu h3:hover {
color: #000000;
background: #e5f1f8;
}
#menu li {
width:140px;
position: relative;
display:block;
}
#menu a.direkt:link {
font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Arial, Helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #000000;
margin: 0;
color: #333;
background: url(h3_bg.gif);
font-size:100%;
}
#menu a.direkt:hover {
color: #000000;
background: #e5f1f8;
display: block;
}
#menu ul li{
float:left; position:fixed;
display: block;
}
#menu ul li ul li {
position:relative;display:block;
}
#menu ul li ul li ul {
display:none;
}
#menu ul li:hover ul{
display: block;
position:relative;
}
#menu ul li:hover ul li ul{
display: none;
}
#menu ul li:hover ul:hover li:hover ul{
display: block; left:141px;
position:relative;
}
#menu ul li:hover ul:hover li:hover ul li ul{
display: none;left: 142px;
}
#menu ul li:hover ul:hover li:hover ul:hover li:hover ul{
display: block; left:142px;
position: relative;
}
hilft das? :/