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
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