Webseitenbau - Designvorlagen - Grafik Shop - Hilfe Lexikon und vieles mehr
https://homepagehelfer.org:443/
Code: Alles auswählen
</style>
<style>
/*klapp-menü */
#all {
width:840px;
height:100%;
padding: 0px;
margin:0 auto;
text-align:center;
}
/* menue oben */
.menu {
width:100%;
height:40px;
background-color:#7f9155;
position:relative;
z-index:100;
}
.menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;
color:#fff;
background-color:#7f9155;
font-family:verdana, sans-serif;
font-size: 12px;
font-variant:normal;
overflow:hidden;
width: 206px;
margin:1px 1px 0px 1px;
border:solid 1px #fff;
line-height:40px;
text-align:center;
}
.menu ul {
padding:0;
margin:0 auto;
list-style: none;
}
.menu ul li {
float:left;
position:relative;margin:0px 0px 0px 0px;
}
.menu ul li ul {
display: none;
}
/* specific to non IE browsers */
.menu ul li:hover a {
background-color:#405a00;
color:#fff;
text-decoration:none ;
border:solid 1px #fff;
margin:1px 1px 0px 1px;
}
.menu ul li:hover ul {
display:block;
position:absolute;
top:42px;
left:0;
width:206px;
}
.menu ul li:hover ul li a.hide {
background-color:#405a00;
color:#fff;
}
.menu ul li:hover ul li:hover a.hide {
background-color:#405a00;
color:#fff;
}
.menu ul li:hover ul li ul {
display: none;
}
/* farb-änderungen der aufklapp-untermenüs, zb seite 11 bis 14 */
.menu ul li:hover ul li a {
display:block;
background:#7f9155;
color:#CFD8BA;
font-style:italic;
border:solid 1px #000;
line-height:40px;
}
/* farb-änderungen nur eines einzelnen punktes der aufklapp-untermenüs, zb. seite 11*/
.menu ul li:hover ul li a:hover {
background-color:#9DAF72;
color:#fff;
text-decoration:none ;
border:solid 1px #000;}
/* =============================================================== */
/* menue unten */
#menu1 a, #menu1 a:visited , #menu1 a:active {display: block;
color:#7f9155;
font-size: 14px;line-height: 20px;
font-family: verdana,arial,helvetica, verdana, tahoma, sans-serif;
padding-left: 10px;padding-right: 10px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
height:20px;
line-height:20px;
text-align:center;
text-decoration:underline ;
background:transparent
}
#menu1 a:hover {color:#fff; text-decoration:none ;
background-color:#7f9155;
text-decoration:underline ;
}
/* =============================================================== */Code: Alles auswählen
<style>
/*klapp-menü */
#all {
width:840px;
height:100%;
padding: 0px;
margin:0 auto;
text-align:center;
}
/* menue oben */
.menu {
width:100%;
height:40px;
background-color:#7f9155;
position:relative;
z-index:100;
}
.menu ul li a, .menu ul li a:visited {
display:block;
text-decoration:none;
color:#fff;
background-color:#7f9155;
font-family:verdana, sans-serif;
font-size: 12px;
font-variant:normal;
overflow:hidden;
width: 164px;
margin:1px 1px 0px 1px;
border:solid 1px #fff;
line-height:40px;
text-align:center;
}
.menu ul {
padding:0;
margin:0 auto;
list-style: none;
}
.menu ul li {
float:left;
position:relative;margin:0px 0px 0px 0px;
}
.menu ul li ul {
display: none;
}
/* specific to non IE browsers */
.menu ul li:hover a {
background-color:#405a00;
color:#fff;
text-decoration:none ;
border:solid 1px #fff;
margin:1px 1px 0px 1px;
}
.menu ul li:hover ul {
display:block;
position:absolute;
top:42px;
left:0;
width:206px;
}
.menu ul li:hover ul li a.hide {
background-color:#405a00;
color:#fff;
}
.menu ul li:hover ul li:hover a.hide {
background-color:#405a00;
color:#fff;
}
.menu ul li:hover ul li ul {
display: none;
}
/* farb-änderungen der aufklapp-untermenüs, zb seite 11 bis 14 */
.menu ul li:hover ul li a {
display:block;
background:#7f9155;
color:#CFD8BA;
font-style:italic;
border:solid 1px #000;
line-height:40px;
}
/* farb-änderungen nur eines einzelnen punktes der aufklapp-untermenüs, zb. seite 11*/
.menu ul li:hover ul li a:hover {
background-color:#9DAF72;
color:#fff;
text-decoration:none ;
border:solid 1px #000;}
/* =============================================================== */
/* menue unten */
#menu1 a, #menu1 a:visited , #menu1 a:active {display: block;
color:#7f9155;
font-size: 14px;line-height: 20px;
font-family: verdana,arial,helvetica, verdana, tahoma, sans-serif;
padding-left: 10px;padding-right: 10px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
height:20px;
line-height:20px;
text-align:center;
text-decoration:underline ;
background:transparent
}
#menu1 a:hover {color:#fff; text-decoration:none ;
background-color:#7f9155;
text-decoration:underline ;
}
/* =============================================================== */
/* allgemeine links im text */
a:link, a:visited, a:active{
font-size: 16px;line-height: 21px;
font-family: trebuchet ms,verdana,arial,helvetica, verdana, tahoma, sans-serif;
text-decoration:underline;color:#7f9155;}
a:hover{ text-decoration:none;background-color:#7f9155;
color:#fff;text-decoration:none;}
/* =============================================================== */
</style>
Code: Alles auswählen
<td ><a href="index.html" >Wir</a></td><td class="menutrenn"> • </td>Code: Alles auswählen
<li><a class="hide" href="#">Infos</a>
<!--[if lte IE 6]>
<a href="#">Infos
<table><tr><td>
<![endif]-->
<ul>
<li><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=673123201279582893&userid=02015861">Vorwort</a></li>
<li><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=269734661279582807&userid=02015861">Windhundeausläufe</a></li>
<li><a href="http://www.oyla.de/cgi-bin/hpm_show.cgi?userid=02015861&page=guestbook">Gaestebuch</a></li>
<li><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=522852791279582787&userid=02015861">Linkliste</a></li>
<li><a href="http://www.oyla.de/cgi-bin/eigenes.cgi?page=text&id=536733291279580776&userid=02015861">Impressum</a></li>
<li><a href="http://www.oyla.de/cgi-bin/hpm_show.cgi?userid=02015861&page=kontakt">Kontakt</a></li>
</ul>
<!--[if lte IE 6]>
</td></tr></table>
</a>
<![endif]-->
</li>
