Problem mit Menü (hover&activ hintergrund sichtbar)

[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

[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;
}

[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

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