Quantcast
Channel: Joomla CMS Support Forum
Viewing all articles
Browse latest Browse all 20261

Im Untermenü wird eine Border top Linie nicht richtig angezeigt

$
0
0
Hallo Formummitglieder,
habe ein kleines Schönheitsproblem mit einer Unternavigation. Die einzelnen Buttons werden
mit einen Strich getrennt. Wenn man aus der Kategorie (Team oder Berater) heraus navigiert
sind die Striche sichtbar, wenn man aus einer anderen Kategorie das Menü aufspringen läßt sind
die Striche verschwunden.

Woran kann das liegen?

Hier der Link http://joomla.p24790.mittwaldserver....red&Itemid=101

Hier der Code des Menüs


/** Topmenu **/

#topmenu {
margin: 0;
width: 1160px;
padding-left: 0px;
font-family: 'Frutiger1';
font-style: inherit;
font-size: 18px;
color: #004494;
overflow: auto;
}

#topmenu ul {
float: right;
padding: 0;
padding-top: 14px;
padding-bottom: 14px;
margin: 0;
list-style: none;
}

#topmenu a {
display: block;
color: #004494;
padding-top: 7px;
padding-bottom: 6px;
padding-left: 18px;
padding-right: 18px;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 1px;
margin-top: -9px;
text-decoration:none;
text-transform: uppercase;
}

#topmenu a:hover {
color: white;
background-color: #284586;
text-decoration: none;
}


#topmenu li {
float: left;
}




/** Second-level lists **/

#topmenu li ul {
position: absolute;
font-family: 'Frutiger1', Helvetica, Arial, sans-serif; font-weight: 400;
font-size: 18px;
color: #FFFFFF;
width: 162px;
left: -999em; /* "display: none" not seen by screen readers */
border: 0;
margin-left: 10px;
margin-top: -15px;
z-index:100;
padding-top: 0px;
padding-bottom: 0px;
}

#topmenu li li,
#topmenu li li:first-child {
border: 0;
margin-bottom: -1px; /* iPhone/iPad fix */
}

#topmenu li li a,
#topmenu li.active li a {
width: 162px;
background-color: #7c9bd3;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
margin: 0;
border-top: 1px solid #cad7f2;
text-transform: none;
}

#topmenu li li:first-child a {
margin-top: 14px;
border: 0;
}

#topmenu li ul a {
width: 162px;
}

#topmenu li li a:hover {
color: #fff;
text-decoration: none;
background-color: #4066ad;
}



/** Level third and above **/

#topmenu li li ul {
margin-left: 105px;
margin-top: -30px;
}

#topmenu li li li,
#topmenu li li li:first-child {
border: 0;
height: 41px;
margin-bottom: -1px; /* iPhone/iPad fix */
}

#topmenu li li li a,
#topmenu li.active li li a {
width: 140px;
background-color: #a7c1f0;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
margin-top: 12px;
border: 0;
border-top: 1px solid #cad7f2;
text-transform: none;
}

#topmenu li li li:first-child a {
border: 0;
}

#topmenu li li li a:hover {
color: #fff;
text-decoration: none;
background-color: #153478;
}

#topmenu li:hover ul ul, #topmenu li:hover ul ul ul, #topmenu li.sfhover ul ul, #topmenu li.sfhover ul ul ul {
left: -999em;

}

#topmenu li:hover ul, #topmenu li li:hover ul, #topmenu li li li:hover ul, #topmenu li.sfhover ul, #topmenu li li.sfhover ul, #topmenu li li li.sfhover ul { /* nested under hovered items */
left: auto;

}


Viele Grüße
Tanja

Viewing all articles
Browse latest Browse all 20261