Page 1 of 1
Problem mit Menü (hover&activ hintergrund sichtbar)
Posted: Fri Jun 20, 2008 11:34 am
by PatriziaF
hallo ihr lieben,
ich hab mich jetzt schon einige zeit mit dem problem beschäftigt finde aber leide keine lösung:
damit ihr auch wisst was ich meine:
http://adminbab.vs120010.hl-users.com
es geht um das menü, der hintergrund (helles grün) ist bei hover und activ leider ein kleiner strich sichtbach (unten)
bitte um hilfe:
LG Patrizia
Re: Problem mit Menü (hover&activ hintergrund sichtbar)
Posted: Fri Jun 20, 2008 1:43 pm
by NaN
Schau mal in Deinem Stylesheet. Dort steht irgendwo:
/*
the menu ul box has top and left border,
right border is provided by the li elements
*/
div#menu_horiz ul {
margin: 0;
padding: 0;
border-bottom: 1px solid #6cb132;
border-left: 1px solid #6cb132;
height:2.2em;
}
mach da mal folgendes draus:
/*
the menu ul box has top and left border,
right border is provided by the li elements
*/
div#menu_horiz ul {
margin: 0;
padding: 0;
border-bottom: none;
border-left: 1px solid #6cb132;
height:2.2em;
}
Re: Problem mit Menü (hover&activ hintergrund sichtbar)
Posted: Sun Jun 29, 2008 11:38 am
by PatriziaF
uiii - super
DANKESCHÖN!!!
weiß zufälligerweise jemand, wie man den weißen strich zwischen menü und header wegbekommt?
http://adminbab.vs120010.hl-users.com
der strich ist nicht sichtbar bei Klinik (ist ein album) und bei Beratung (link)
lg patrizia
Re: Problem mit Menü (hover&activ hintergrund sichtbar)
Posted: Sun Jun 29, 2008 11:59 pm
by NaN
Das liegt an der Headergrafik.
Die ist nur 90px hoch.
Der Header allerding 92px.
Und die Überschrift im Header 91px.
Dadurch scheint oben und unten die Hintergrundfarbe des Headers durch.
Und die ist nunmal weiß.
Irgendwo in Deinem Stylesheet steht
div#header {
height: 92px; /* adjust according your image size */
background: #ffffff;
}
div#header h1 a {
/* you can set your own image here */
background: #ffffff url(banner1.jpg) no-repeat 100% 100%;
display: block;
height: 91px; /* adjust according your image size */
text-indent: -999em; /* this hides the text */
text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}
mach da für beides einfach mal
div#header {
height: 90px; /* adjust according your image size */
background: #ffffff;
}
div#header h1 a {
/* you can set your own image here */
background: #ffffff url(banner1.jpg) no-repeat 100% 100%;
display: block;
height: 90px; /* adjust according your image size */
text-indent: -999em; /* this hides the text */
text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */
}
draus.