Hallo Cyx23,
ich bin mir überhaupt nicht sicher, ob mein Versuch diese Navileiste darzustellen, so richtig ist.
#menue_navigation {
background-color: transparent;
background-image: url(../images/hg_m_haupt1.png);
background-repeat:repeat-x;
background-position: 0%;
height: 20px;
border-bottom: solid 1px #CCCCCC;
border-left: solid 1px #CCCCCC;
width :506px;
text-align : left;
float: left;
}
.moduletable-haupt h3 {
font-size:1em;
font-weight: bold;
color: #000000;
}
.moduletable-haupt ul li {
height: 20px;
display: inline;
}
.moduletable-haupt li a {
color: #000000;
padding: 2px 8px 5px 10px;
border-right:solid 1px #FFFFFF;
text-decoration: none;
}
.moduletable-haupt a:hover {
background-color: transparent;
background-image: url(../images/hg_m_haupt2.png);
height:20px;
background-repeat: repeat-x;
background-position: 0%;
color:#FFFFFF;
text-decoration: none;
}
.moduletable-haupt li.active {
background-color: transparent;
background-image: url(images/hg_m_haupt2.png);
background-repeat: repeat-x;
background-position: 0%;
color:#FFFFFF;
text-decoration: none;
}
Eigentlich wollte ich durch die Hintergrundbilder (height: 20px; width: 1px) erreichen, dass die Darstellung überall gleich ist, aber das ist doch nicht machbar.
Gruß, Maggie