Mouseover-Balken über ganze Sidebar

[voodoocipher]

Hallo Leute,

ich möchte einen weißen Mouseover-Balken über die ganze Sidebar, und zwar so das beim Ausklappen die Unterseiten eingerückt sind. Hab einiges ausprobiert, klappt aber nicht,es geht nur wenn die Unterseiten nicht eingerückt erscheinen. Momentan ist links immer noch ein Spalt Rot zu sehen - siehe Anhang:

Hier mein Code:

#left {
 color: #FFFFFF;
 width: 179px;
 float: left;
 margin-top: 10px;
 margin-bottom: 20px;
 }
#left p{
 margin: 0px;
 line-height: 16px;
 padding: 10px;
 }
#left ul {
 list-style: none;
 margin: 0px;
 padding: 0px 0px 0px 0px;
 }
#left li {
 list-style: none;
 margin: 0px;
 padding: 0px;
 }
#left ul li {
 list-style: none;
 margin: 0px;
 padding: 10px 0px 0px 10px;
 }
#left ul li a {
 display: block;
 color: #FFFFFF;
 text-decoration: none;
 padding-left: 1px;
 padding-right: 0px;
 padding-top: 5px;
 padding-bottom: 5px;
 line-height: 12pt;
 }
#left ul li a:hover {
 color: #000000;
 background: #fff;
 }

Hat jemand ne Idee ?

Danke !

voodoo

[Monika]

ich habe dazu mehr als eine Idee-dazu brauchts aber alles und wenn geht als Link,
weil dies immer ein Zusammenspiel von ganz vielen Dingen ist

lg

[voodoocipher]

Hey, Danke für die schnelle Antwort. Meine Testseite findest du hier:

[voodoocipher]

@Monika: hast Du Dir schon meine Testseite angeschaut und event. ein Lösungsvorschlag ?

Danke !

voodoo

[voodoocipher]

Hmm, hat keiner eine Idee zu oben genannten Problem ?

Danke,

voodoo

[oio]

tausche in deiner style.css dieses hier:

#left ul li {
    list-style: none;
    margin: 0px;
    padding: 10px 0px 0px 10px;
    }

#left ul li a {
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    padding-left: 1px;
    padding-right: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 12pt;
    }

gegen dieses:

#left ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

#left ul li a {
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    padding: 5px 10px;
    line-height: 12pt;
    }

! ungetestet !

[voodoocipher]

Danke, leider ist jetzt die Unterseite nicht eingerückt, hast Du da auch noch eine Idee zu

[oio]

unter diesem:

#left ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
    }

#left ul li a {
    display: block;
    color: #FFFFFF;
    text-decoration: none;
    padding: 5px 10px;
    line-height: 12pt;
    }

noch dies hinzufügen:

#left ul ul li a {
    padding-left: 20px;
    }

wiederum ungetestet

[voodoocipher]

Super, scheint zu funktionieren ! Vielen Dank

voodoo