wp-pagesnav und list-style-image

pixelgirl

Hi Ihr Lieben,

ich hänge schon seit einigen Stunden und versuche den Fehler zu finden, ich möchte für meine Naviagtion eine Grafik auf jedem aktiven Punkt haben und als Plugin verwende ich wp-pagesnav.

Eigentlich sollte das mit list-style-image gehen, aber es funktioniert nicht und ich steh etwas auf dem Schlauch. Ich poste mal den CSS-Code:

Code

#pages_nav {
        position: absolute;
        top: 220px;
        left: 100px;
        width: 300px;
        display: block;
        color:#999999;
        line-height:2.5em;
       
}


#pages_nav ul.level1 {


        font-size:1em;
        list-style: none;
         color: #666666;
         display: block;
         line-height:2.5em;


}


#pages_nav ul.level1 a {
         color: #666666;
         text-decoration: none;
}


#pages_nav ul.level1 a:hover {
color:#000000;
text-decoration: none;
}


#pages_nav ul.level2 {
    
             color: #999999;
        list-style: none;
        font-size:0.9em;
        font-weight: normal;
        position: absolute;
        top: -140px;
        left: 250px;
        width:300px;
        display: block;
        line-height:1em;
        }
        
        
 #pages_nav ul.level2 a {
     
      color: #666666;
        text-decoration: none;
        }       




#pages_nav ul.level2 a:hover {
color:#000000;
text-decoration: none;
}


#pages_nav li {
   
        display: block;
       font-weight: normal;


}


#pages_nav  a {
      color: #333333;
      text-decoration: none;  
}


#pages_nav  a:hover{
        color: #000000;
        font-weight: normal;
        text-decoration: none;
  
}




#pages_nav ul {
        list-style: none;
}


#pages_nav ul.children {
font-size:0.9em;
line-height:1.5em;
}






#pages_nav li.current a {
    
         color: #99ff00;
         font-weight: normal;
       list-style-image: url('images/active.jpg');
       
}


#pages_nav li.current a {
        color: #99ff00;
        font-weight: normal;
        text-decoration: none;
        list-style-image: url('images/active.jpg');
}


#pages_nav li.currentparent {
         color: #99ff00;
      font-weight: normal;
      list-style-image: url('images/active.jpg');
    }
    
#pages_nav li.currentparent a {
        color: #99ff00;
                font-weight: normal;
                text-decoration: none;
                list-style-image: url('images/active.jpg');
}

Alles anzeigen

Ich hoffe, jemand kann mir helfen. :) Danke schon mal im Vorraus!

LG,
pixelgirl.

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

marX

Code

#pages_nav li.current [COLOR="Red"]a[/COLOR] {
    
         color: #99ff00;
         font-weight: normal;
       [COLOR="#ff0000"]list-style-image: url('images/active.jpg');[/COLOR]
       
}

<a>-Elemente haben keinen Listenstil, daher auch kein Listenbild. ;-) Versuchs mit background und padding.

pixelgirl

Hi,

das mit dem Background image hab ich probiert und bin verzweifelt am padding. ;) Hab's erstmal weggelassen, dann kam mir aber die Idee, einfach ein list-style:square; zu machen, aber irgendwie wollte es nicht funktionieren. Ich hatte es jeweils an current(.li) und currentparent(.li). Naja, kommt Zeit, kommt Rat, hab's erstmal so gelassen. Hier der Link...

LG,
pixelgirl.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

wp-pagesnav und list-style-image

Jetzt mitmachen!