Frage stellen
vielleicht kann mir ja mal jemand ne kettensäge in dem wald geben und sagen woran es liegt. vielen dank schonmal.
ich hoffe der code reicht so?
- Code: Alles auswählen
table { text-align:left; }
iframe { width:0; height:0 }
ul { margin-left:20px; } /* kill default 50px left padding and set 20px */
li { margin-bottom:1em; } /* set default inter-item vertical spacing */
.tightlist li { margin-bottom:0.25em; } /* tighter list for simple bullets */
/* our default page-width div */
.pagecontainer { width:85%; text-align:left; font-size:10pt;}
/*================= STYLES FOR THE GRC MASTHEAD & CONTROLS ==================*/
.HauptNaviminwidth0 { /* for all browsers (non-IE) that obey min-width */
position:relative;
border:0;
margin:0;
padding:0;
width:100%;
height:57px;/* 36px masthead height + 18px button height + 1px lower border*/
min-width:770px;
}
* html .HauptNaviminwidth1 { /* this allows IE5/6 to simulate min-width capability */
position:relative; /* we can simulate a minimum width by creating a large */
float:left; /* border in this first div, then placing our content */
height: 1px; /* into a second nested div (see 2nd nested div next */
border-left:560px solid #000000; /* CSS box-model borders are a fixed size */
}
* html .HauptNaviminwidth2 { /* used to simulate min-width capability for IE5/6 */
position:relative;
margin-left:-560px;
height: 1px;
}
/*========================= TOP OF THE HauptNavi CASCADE =========================*/
.HauptNavi {
position:relative; /* establish a HauptNavi-relative positioning context */
float:left; /* play nicely with others */
margin:0 1px 0 1px;
padding:0;
border:none;
height:20px; /* the HauptNavi's overall height */
width:698px; /* we always want our HauptNavi to fill the available space */
/*background:#000000;*/
font-family:Arial, Helvetica, sans-serif;
font-size:11px; /* this (and also below) sets the HauptNavi's font size */
z-index: 5;
background:#000000;
}
.HauptNavi img {
vertical-align: top; /* prevent images from being pushed down by text */
}
.HauptNavi ul {
font-weight: normal;
padding:0;
margin:0;
border:0;
list-style-type:none; /* we don't want to view the list as a list */
line-height:1.2em; /* globally set the HauptNavi's item spacing. note */
} /* this must be 1.0 or 1.5 or 2.0 for Mozilla */
.HauptNavi li {
float:left; /* this creates the side-by-side array of top-level buttons */
position:relative; /* create local positioning contexts for each button */
margin:0;
background: url(../images/BG-Hauptmenue.gif) no-repeat #000000;
}
.HauptNavi li.left {
background: #000000;
}
.HauptNavi ul li table {
margin:-1px 0; /* IE5 needs -1px top and bottom table margins */
m\argin:0; /* re-zero the table margins for everyone but IE5 */
border-collapse:collapse; /* IE5 needs this for the sub-HauptNavis to work */
font-size:11px; /* this sets the base font size for our entire HauptNavi */
}
.UnterButton {
display:block;
padding:0px 0.33em; /* this sets the l/r margins for our HauptNavi item */
margin:0;
text-align:right; /* this right alignment goes with the float:left below */
cursor:pointer; /* IE tries to switch back to an I-beam, don't let it */
cursor:hand; /* IE5 only knows about "hand", so set it both ways */
}
.UnterButton span { /* this simultaneously left and right aligns the text and */
float:left; /* the >> in the UnterButton-down HauptNavis which link to sub-HauptNavis */
}
.HauptButton {
margin-top: 3px;
font-size:12px;
font-weight: bold;
}
/*======================== Hauptmenue ========================*/
.HauptNavi ul li ul {
display:none; /* initially hide the entire list hierarchy */
padding:1px; /* this is our box border width */
}
.HauptNavi ul li a,
.HauptNavi ul li a:visited { /* unselected top-level HauptNavi items */
display:block;
float:left;
text-decoration:none;
height:20px;
padding-top:0px;
text-align:center;
color: #FFFFFF;
}
.HauptNavi ul li:hover a,
.HauptNavi ul li a:hover { /* selected top-level HauptNavi items */
height:20px;
color:#ff0000;
}
.HauptNavi ul li a.active {
color:#ff0000;
font-size:10px;
font-weight: bold;
}
/*======================== Untermenü ========================*/
.HauptNavi ul li:hover ul,
.HauptNavi ul li a:hover ul { /* 2nd level UnterButton-down box */
display:block;
position:absolute;
margin:0;
top:21px; /* place us just up underneath the top-level images */
left:-1px; /* left-align our UnterButton-down to the previous button border */
height:auto; /* the UnterButton-down height will be determiend by line count */
width:13.5em;
color: #000000;
z-index: 5;
}
.HauptNavi ul li:hover ul.leftbutton,
.HauptNavi ul li a:hover ul.leftbutton {/* our first UnterButtondown should not be skewed */
left:0px;
}
.HauptNavi ul li:hover ul.skinny,
.HauptNavi ul li a:hover ul.skinny { /* 2nd level skinny UnterButton-down box */
width:8.08333em; /* with a 12px default font, this is 97px width (97/12) */
}
.HauptNavi ul.rightHauptNavi li:hover ul,
.HauptNavi ul.rightHauptNavi li a:hover ul { /* 2nd level neighborhood UnterButton-down box */
left:auto;
right:0; /* nudge the right HauptNavi right to line up under the border */
text-align:right;
background: url(../images/BG-Untermenue.gif) repeat-y #fff ;
border-right:none;
}
* html .HauptNavi ul.rightHauptNavi li a:hover ul { /* IE5/6 needs a tweak here */
right:-1px;
}
.HauptNavi ul li:hover ul li a,
.HauptNavi ul li a:hover ul li a { /* 2nd level unselected items */
border:0;
border-bottom:1px dotted #666666;
border-right:1px dotted #666666;
margin:0;
padding:2px 0px 2px 0px;
height:auto;
color:#000000;
background: url(../images/BG-Untermenue.gif) repeat-y #FFFFFF ;
width:13.5em;
text-align:left;
}
.HauptNavi ul li:hover ul li.nolink,
.HauptNavi ul li a:hover ul li.nolink{ /* 2nd level unselected items */
border:0;
border-bottom:1px dotted #666666;
border-right:1px dotted #666666;
margin:0;
padding:2px 0px 2px 0px;
height:auto;
color:#000;
background: url(../images/BG-Untermenue.gif) repeat-y #FFFFFF;
width:13.5em;
text-align:left;
}
.HauptNavi ul li:hover ul li:hover a,
.HauptNavi ul li a:hover ul li a:hover { /* 2nd level selected item */
color: #FF0000;
background: #FFFFFF;
}
.HauptNavi ul li:hover ul.skinny li a,
.HauptNavi ul li a:hover ul.skinny li a,
.HauptNavi ul li:hover ul.skinny li a:hover,
.HauptNavi ul li a:hover ul.skinny li a:hover { /* 2nd level un+selected items */
width:8.08333em;
}
/*======================== 2tes Untermenue ========================*/
.HauptNavi ul li:hover ul li ul,
.HauptNavi ul li a:hover ul li a ul { /* hide inactive 3rd-level HauptNavis */
visibility:hidden;
}
.HauptNavi ul li:hover ul li:hover ul,
.HauptNavi ul li a:hover ul li a:hover ul { /* 3rd level UnterButton-down box */
visibility:visible;
position:absolute;
margin-top:-1px; /* bring the top edge of the 3rd level HauptNavi up one */
top:0;
left:13.5em;
width:14em;
}
.HauptNavi ul li:hover ul li:hover ul li a,
.HauptNavi ul li a:hover ul li a:hover ul li a { /* 3rd level unselected items */
color: black;
width:14em;
background:url(../images/BG-Untermenue.gif) repeat-y #FFFFFF;
z-index: 5;
}
.HauptNavi ul li:hover ul li:hover ul li a:hover,
.HauptNavi ul li a:hover ul li a:hover ul li a:hover { /* level3 selected items */
color: #FF0000;
width:14em;
background: #FFFFFF;
z-index: 5;
}
/* a hack for safari for the UnterButtondown stuff */
#text { /* the Mac's standard Safari browser will not see this code */
height:1.215em;# /* ... but every other browser will and should */
} /* Safari barfs on the illegal pound sign (#) after the rule's property val */
<link>
<link>
<link>
<link>
</head>
<body>
<div>
<div>
<div>
<div><a><img></a>
<div>
<ul>
<li><a>Home |</a></li>
<li><a>Kontakt |</a></li>
<li><a>Sitemap |</a></li>
<li><a>Impressum</a></li>
</ul>
</div> <KopfNavi>
</div> <Teaser>
<div>
<ul> <Navi>
<li><a>NEWS</a></li>
</ul> <Navi>
<ul> <Navi>
<li><a>DAS TEAM</a>
<ul>
<li><a><span><span>Allgemeines</span>»</span></a>
<ul>
<li><a> eschichte</a></li>
<li><a> Sponsoren</a></li>
</ul>
</li>
<li><a><span><span>Fahrer</span>»</span></a>
<ul>
<li><a> 140</a></li>
<li><a> 186</a></li>
<li><a> 204</a></li>
<li><a> 252</a></li>
<li><a> 330</a></li>
<li><a> 333</a></li>
<li><a> 361</a></li>
<li><a> 455</a></li>
<li><a> </a></li>
<li><a> 488</a></li>
</ul>
</li>
<li><a><span><span>Helfer</span>»</span></a>
<ul>
<li><a> Falko</a></li>
<li><a> Maike</a></li>
</ul>
</li>
</ul>
</li>
</ul> <Navi>
