Zurück   WordPress Deutschland Forum > Support > Design

Antwort
 
Themen-Optionen Ansicht
Alt 05.03.2008, 13:46   #1 (permalink)
PostRank: 1
 
Benutzerbild von voodoocipher
 
Registriert seit: 19.02.2008
Beiträge: 29
Mouseover-Balken über ganze Sidebar

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:

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
Angehängte Grafiken
Dateityp: jpg mouse_over.jpg (5,4 KB, 12x aufgerufen)
__________________
--- some kind of voodoo come across the land ---
voodoocipher ist offline   Mit Zitat antworten
Alt 05.03.2008, 13:58   #2 (permalink)
WPD-Team
 
Benutzerbild von Monika
 
Registriert seit: 04.06.2005
Ort: INET
Beiträge: 6.931
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
Monika ist offline   Mit Zitat antworten
Alt 05.03.2008, 14:14   #3 (permalink)
PostRank: 1
 
Benutzerbild von voodoocipher
 
Registriert seit: 19.02.2008
Beiträge: 29
Hey, Danke für die schnelle Antwort. Meine Testseite findest du hier:
__________________
--- some kind of voodoo come across the land ---
voodoocipher ist offline   Mit Zitat antworten
Alt 05.03.2008, 20:37   #4 (permalink)
PostRank: 1
 
Benutzerbild von voodoocipher
 
Registriert seit: 19.02.2008
Beiträge: 29
@Monika: hast Du Dir schon meine Testseite angeschaut und event. ein Lösungsvorschlag ?

Danke !

voodoo
__________________
--- some kind of voodoo come across the land ---
voodoocipher ist offline   Mit Zitat antworten
Alt 09.03.2008, 18:31   #5 (permalink)
PostRank: 1
 
Benutzerbild von voodoocipher
 
Registriert seit: 19.02.2008
Beiträge: 29
Hmm, hat keiner eine Idee zu oben genannten Problem ?

Danke,

voodoo
__________________
--- some kind of voodoo come across the land ---
voodoocipher ist offline   Mit Zitat antworten
Alt 09.03.2008, 22:12   #6 (permalink)
oio
PostRank: 2
 
Registriert seit: 16.02.2008
Beiträge: 96
tausche in deiner style.css dieses hier:
Code:
#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:
Code:
#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 !

Geändert von oio (09.03.2008 um 22:14 Uhr).
oio ist offline   Mit Zitat antworten
Alt 10.03.2008, 00:05   #7 (permalink)
PostRank: 1
 
Benutzerbild von voodoocipher
 
Registriert seit: 19.02.2008
Beiträge: 29
Danke, leider ist jetzt die Unterseite nicht eingerückt, hast Du da auch noch eine Idee zu
__________________
--- some kind of voodoo come across the land ---
voodoocipher ist offline   Mit Zitat antworten
Alt 10.03.2008, 07:34   #8 (permalink)
oio
PostRank: 2
 
Registriert seit: 16.02.2008
Beiträge: 96
unter diesem:
Code:
#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:
Code:
#left ul ul li a {
    padding-left: 20px;
    }
wiederum ungetestet
oio ist offline   Mit Zitat antworten
Alt 10.03.2008, 11:55   #9 (permalink)
PostRank: 1
 
Benutzerbild von voodoocipher
 
Registriert seit: 19.02.2008
Beiträge: 29
Super, scheint zu funktionieren ! Vielen Dank

voodoo
__________________
--- some kind of voodoo come across the land ---
voodoocipher ist offline   Mit Zitat antworten
Antwort

Lesezeichen

Themen-Optionen
Ansicht

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist aus.
HTML-Code ist aus.
Trackbacks are aus
Pingbacks are aus
Refbacks are aus


Alle Zeitangaben in WEZ +1. Es ist jetzt 04:39 Uhr.


Powered by vBulletin® Version 3.7.4 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 | Impressum | Ein Inpsyde.com Projekt