---

Jeg har lavet en menu ved hjælp af css.
Nu ønsker jeg at give een af knapperne en anden baggrundsfarve end de andre.
Jeg har prøvet forskelligt, men det er endnu ikke lykkedes!

Kan man ikke det?

Koden i css-filen (der er tyvstjålet fra et hæfte) ser således ud, men jeg
regner med, at det ikke er her, der kan gøres noget!

ul#nav {
text-align:center;
margin-left:0;
padding-left:0;
list-style-type:none;
float:left; }
ul#nav a {
display:block;
text-decoration: none;
background: #6aa;
color: #fff;
padding: .2em .5em;
float:left;
border-right: 2px solid #fff;
width:7em }
ul#nav li {display:inline;}
ul#nav a:hover {
background: #000;
color: "000; }

Menulinierne ser således ud:
<ul id="nav">
<li><a href="kalender.asp">Kalender</a></li>
<li><a href="medlemmer.asp">Medlemmer</a></li>
<li><a href="udvalg.asp">Udvalg</a></li>
<li><a href="forkort.asp">Forkortelser</a></li>
<li><a href="logout.asp" title="Log af det beskyttede område">Log
af</a></li>
</ul><br><br>

Det er sidste menulinie, jeg gerne vil have med en anden baggrund.

Mvh Kurt

---

Kurt G wrote:

> Det er sidste menulinie, jeg gerne vil have med en anden baggrund.

Tilføj en class på det punkt og definer i css hvordan det skal se ud.

<li class="naderledes"><a href......

..anderledes a:link {
.....

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://ginnerskov.dk
http://vestfynswebdesign.dk - http://html-faq.dk

---

Kurt G skrev:
> Jeg har lavet en menu ved hjælp af css.
> Nu ønsker jeg at give een af knapperne en anden baggrundsfarve end de andre.
> Jeg har prøvet forskelligt, men det er endnu ikke lykkedes!
>
> Kan man ikke det?
>
> Koden i css-filen (der er tyvstjålet fra et hæfte) ser således ud, men jeg
> regner med, at det ikke er her, der kan gøres noget!
>
> ul#nav {
> text-align:center;
> margin-left:0;
> padding-left:0;
> list-style-type:none;
> float:left; }
> ul#nav a {
> display:block;
> text-decoration: none;
> background: #6aa;
> color: #fff;
> padding: .2em .5em;
> float:left;
> border-right: 2px solid #fff;
> width:7em }
> ul#nav li {display:inline;}
> ul#nav a:hover {
> background: #000;
> color: "000; }
>
> Menulinierne ser således ud:
> <ul id="nav">
> <li><a href="kalender.asp">Kalender</a></li>
> <li><a href="medlemmer.asp">Medlemmer</a></li>
> <li><a href="udvalg.asp">Udvalg</a></li>
> <li><a href="forkort.asp">Forkortelser</a></li>
> <li><a href="logout.asp" title="Log af det beskyttede område">Log
> af</a></li>
> </ul><br><br>

<a id="link6" href="logout.asp" title="Log af det beskyttede
område">

a.link6 {background-color:#c00;}
--
Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/

---

"Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev i en meddelelse
news:4921e202$0$90263$14726298@news.sunsite.dk...
KLIPPET
>> Menulinierne ser således ud:
>> <ul id="nav">
>> <li><a href="kalender.asp">Kalender</a></li>
>> <li><a href="medlemmer.asp">Medlemmer</a></li>
>> <li><a href="udvalg.asp">Udvalg</a></li>
>> <li><a href="forkort.asp">Forkortelser</a></li>
>> <li><a href="logout.asp" title="Log af det beskyttede område">Log
>> af</a></li>
>> </ul><br><br>
>
> <a id="link6" href="logout.asp" title="Log af det beskyttede område">
>
> a.link6 {background-color:#c00;}
> --
> Med venlig hilsen
> Jørgen Farum Jensen

Nu har jeg prøvet begge forslag og jeg kan ikke få det til at virke på nogen
måde.
Jeg har (bl.a.) gjort således ii menufilen (inc-fil):
<ul id="nav">
KLIPPET
<li><a id="link6" href="logout.asp" title="Log af det beskyttede
område">Log af 1</a></li>
<li class="redbg"><a href="logout.asp" title="Log af det beskyttede
område">Log af 2</a></li>
</ul><br><br>

og i css-filen:
..redbg a:link {background-color: #800}
ul#nav a.link6 { background-color: #800 }
a.link6 { background-color: #800 }

Jeg bliver nok nødt til at bede om lidt mere hjælp!

Mvh Kurt

---

Kurt G skrev:
> "Jørgen Farum Jensen" <jfjenzen@yahoo.dk> skrev i en meddelelse
> news:4921e202$0$90263$14726298@news.sunsite.dk...
> KLIPPET
>>> Menulinierne ser således ud:
>>> <ul id="nav">
>>> <li><a href="kalender.asp">Kalender</a></li>
>>> <li><a href="medlemmer.asp">Medlemmer</a></li>
>>> <li><a href="udvalg.asp">Udvalg</a></li>
>>> <li><a href="forkort.asp">Forkortelser</a></li>
>>> <li><a href="logout.asp" title="Log af det beskyttede område">Log
>>> af</a></li>
>>> </ul><br><br>
>> <a id="link6" href="logout.asp" title="Log af det beskyttede område">
>>
>> a.link6 {background-color:#c00;}
>> --
>> Med venlig hilsen
>> Jørgen Farum Jensen
>
> Nu har jeg prøvet begge forslag og jeg kan ikke få det til at virke på nogen
> måde.
> Jeg har (bl.a.) gjort således ii menufilen (inc-fil):
> <ul id="nav">
> KLIPPET
> <li><a id="link6" href="logout.asp" title="Log af det beskyttede
> område">Log af 1</a></li>
> <li class="redbg"><a href="logout.asp" title="Log af det beskyttede
> område">Log af 2</a></li>
> </ul><br><br>
>
> og i css-filen:
> .redbg a:link {background-color: #800}
> ul#nav a.link6 { background-color: #800 }
> a.link6 { background-color: #800 }
>
> Jeg bliver nok nødt til at bede om lidt mere hjælp!

Og så bliver vi nok nødt til at bede om, at du
lægger din webside op på et webhotel, så
vi kan se den i sin helhed.

--
Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/

---

> Kurt G skrev:
Klippet
>> Jeg bliver nok nødt til at bede om lidt mere hjælp!
>
> Og så bliver vi nok nødt til at bede om, at du
> lægger din webside op på et webhotel, så
> vi kan se den i sin helhed.
>
> --
> Med venlig hilsen
> Jørgen Farum Jensen
> Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
> Webdesign med stylesheets: http://webdesign101.dk/cssbog/

Det er på et område, hvor der skal logges ind, så jeg sender oder til dig
direkte!

Mvh Kurt

---

On Tue, 18 Nov 2008 11:09:37 +0100, "Kurt G" <kurt_g@guldbaek.net>
wrote:

>>> <ul id="nav">
>>> <li><a href="kalender.asp">Kalender</a></li>
>>> <li><a href="medlemmer.asp">Medlemmer</a></li>
>>> <li><a href="udvalg.asp">Udvalg</a></li>
>>> <li><a href="forkort.asp">Forkortelser</a></li>
>>> <li><a href="logout.asp" title="Log af det beskyttede område">Log
>>> af</a></li>
>>> </ul><br><br>
>>
>> <a id="link6" href="logout.asp" title="Log af det beskyttede område">
>>
>> a.link6 {background-color:#c00;}
<snip>

>Nu har jeg prøvet begge forslag og jeg kan ikke få det til at virke på nogen
>måde.
>Jeg har (bl.a.) gjort således ii menufilen (inc-fil):
><ul id="nav">
>KLIPPET
> <li><a id="link6" href="logout.asp" title="Log af det beskyttede
>område">Log af 1</a></li>
> <li class="redbg"><a href="logout.asp" title="Log af det beskyttede
>område">Log af 2</a></li>
></ul><br><br>
>
>og i css-filen:
>.redbg a:link {background-color: #800}

Den vil give rød baggrund på et ikke-besøgt link

..redbg a {background-color: #800}
vil give det for også besøgte, hover og aktive.

>ul#nav a.link6 { background-color: #800 }

Du har brugt id="link6", så skal det være
a#link6 { background-color: #800 }
(ul#nav er overflødig, da dit link6-id i forvejen er/skal være unik)

>a.link6 { background-color: #800 }

ditto

Men som Jørgen skriver: Upload eksemplet, så vi kan se, om der er andre
ting, der forstyrrer.

Good luck!

--
Jørn Andersen,
Brønshøj

---

Klippet
> Du har brugt id="link6", så skal det være
> a#link6 { background-color: #800 }
> (ul#nav er overflødig, da dit link6-id i forvejen er/skal være unik)
>
>>a.link6 { background-color: #800 }
>
> ditto
>
> Men som Jørgen skriver: Upload eksemplet, så vi kan se, om der er andre
> ting, der forstyrrer.
>
> Good luck!
>
> --
> Jørn Andersen,
> Brønshøj

Det ligger nu på http://www.lions-vinderup.dk/test/medlemmer.asp

Mvh Kurt

---

Kurt G wrote:
> Det ligger nu på http://www.lions-vinderup.dk/test/medlemmer.asp

Godt eksempel på hvorfor CSS står for Cascading Style Sheets.

Kaskaden bestemmer hvilken CSS-regel der vinder for et bestemt element.
I dit tilfælde taber det element, som du forsøge at skifte
baggrundsfarve på, fordi det ikke er specifikt nok.

"ul#nav a" vinder over "a#link6", idet det første har 1 id + 2
elementer, mens den nederste kun har 1 id + 1 element.

Hvis du tilføjer et li foran "a#link6" er dit problem løst:

li a#link6 {background-color:#800}

---

"John S. Thomsen" <john.s.thomsen@gmail.com> skrev i en meddelelse
news:49230541$0$56770$edfadb0f@dtext02.news.tele.dk...
> Kurt G wrote:
>> Det ligger nu på http://www.lions-vinderup.dk/test/medlemmer.asp
>
> Godt eksempel på hvorfor CSS står for Cascading Style Sheets.
>
> Kaskaden bestemmer hvilken CSS-regel der vinder for et bestemt element. I
> dit tilfælde taber det element, som du forsøge at skifte baggrundsfarve
> på, fordi det ikke er specifikt nok.
>
> "ul#nav a" vinder over "a#link6", idet det første har 1 id + 2 elementer,
> mens den nederste kun har 1 id + 1 element.
>
> Hvis du tilføjer et li foran "a#link6" er dit problem løst:
>
> li a#link6 {background-color:#800}

Det var lige sagen.
Tak for hjælpen.

Mvh Kurt