class funker ikke!

1. august 2007

Skal lage en meny, men står fast på noe som sikkert er et enkelt problem.

Kode

ul#nav li a.active {border-color: #fff}

<ul id="nav">
<li><a href="" class="active">Side 1</a></li>
</ul>

Når det ovenfor står i CSS og HTML fila, fungerer alt som det skal.
Rute i tabellen får den riktige border-color. Når jeg derimot skriver det slik, fungerer det ikke:

Kode

ul#nav li.active {border-color: #fff}

<ul id="nav">
<li class="active"><a href="">Side 1</a></li>
</ul>

Da fungerer det ikke. Hva har jeg misforstått?

Sist endret av Emptyy; 1. august 2007 kl. 13:27.

nso

popålol

Administrator

6.158 5.589

1. august 2007

LI har vel ikke active, den er vel reservert til A

fuzzy76

webdings

2.482 589

1. august 2007

li har ikke :active (pseudoclass) men den kan fint tildeles .active (vanlig class).

Såvidt jeg kan se bør koden din stemme. Men det hadde vært enklere med en live link å titte på.

Carlo

Better than thou.

5.965 46

1. august 2007

Trenger du ikke et komma etter ul#nav?

Emptyy

Trådstarter

205 69

1. august 2007

Sånn funker det. (Den aktive siden har en hvit strek til venstre for linken sin.)
Sånn funker det ikke. (Den aktive siden har ikke en hvit strek til venstre for linken sin.)

Ønsker å beholde den nederste sin html koding, og forandre på dens css.

Sist endret av Emptyy; 1. august 2007 kl. 14:23.

fuzzy76

webdings

2.482 589

1. august 2007

Stjerneeksempel på hvorfor live kode er best for debugging.

Det er A-taggen som har mørkegrå border-left på 10 piksler. Når du da setter border-color for LI-taggen til hvit forsvinner selvfølgelig ikke fargen fra A-taggens border. I tillegg har LI border 0 som default. Om du endrer fargen på en usynlig border bør du heller ikke forvente noe.

Emptyy

Trådstarter

205 69

1. august 2007

Tusen takk