[CSS] List en active link

[Dutch_guy]

Ik moet deze pagina herschrijven. De pagina is opgezet door iemand met 1 of ander vaag programma.

Dit is de url:

http://home.planet.nl/~metz0026/assistenza/index.htm

Mijn vraag gaat over het menu aan de linkerkant.

Als je een link aanklikt uit het menu, dan wordt deze een andere kleur en krijgt ook het blokje een andere kleur.

De kleur veranderen bij een active link is natuurlijk geen probleem.

Een list met een eigen bullet ervoor in CSS is ook geen probleem.

Echter hoe combineer ik die twee ? Ik krijg het niet voor elkaar om hetzelfde resultaat te bereiken als in bovenstaande url.

De broncode bekijken heeft weinig nut, die is verschrikkelijk.

[Sappie]

Je kan ook gewoon een achtergrondje in je link zetten en er een padding-left opzetten

zoiets:

code:

li a {
  background: url("nonactivebullit.gif") no-repeat center left;
  padding: 0 0 0 10px;
}

li a:active {
  background: url("activebullit.gif") no-repeat center left;
  padding: 0 0 0 10px;
}

[ Voor 7% gewijzigd door Sappie op 10-03-2005 21:35 ]

[Dutch_guy]

Dit is een supertip.

Werkt inderdaad, echter 1 probleempje.

Ik krijg nu 2 bullets te zien voor een menuitem. 1 normale ronde en 1 van het achtergrondplaatje.

Met list-style-type: none, krijg ik hem niet weg.

Enig idee ?


EDIT: Laat maar, ik heb er nu geen lijst van gemaakt, maar gewoon links.

Dit werkt perfect. Hartelijk dank!

[ Voor 21% gewijzigd door Dutch_guy op 10-03-2005 21:53 ]

[Sappie]

tis

code:

list-style: none;

en moet je wel in de style voor de ul zetten. Opzich staat het wel goed in een lijst, gezien het menu in feite ook een ongeordende lijst is van links.