---

det virker fint at give en background på <li> elementer i IE men
ikke i eksempelvis FF.
Findes der en løsning?
Hilsen
Jimmy

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

Jimmy skov Adetunji skrev:

> det virker fint at give en background på <li> elementer
> i IE men ikke i eksempelvis FF.
> Findes der en løsning?

Giv et link til det du har prøvet, så kigger vi på det!

--
Allan Vebel
http://html-faq.dk

---

"Jimmy skov Adetunji" skrev i en meddelelse...
> det virker fint at give en background på <li> elementer i IE men
> ikke i eksempelvis FF.
> Findes der en løsning?

Det virker fint i alle de nyere browsere, så problemet må være et andet? Har
du et link?

MVH
Rune Jensen

---

> det virker fint at give en background på <li> elementer i IE men
> ikke i eksempelvis FF.
> Findes der en løsning?

Hmmm...
li {
background-color: #ccc;
}

Såhut jeg visker, har ie6 dog problem med at læse "background-color", men
kan godt læse det, hvis man kun skriver "background".

Er dog ikke sikker på, at dén er helt korrekt, selv om den er sluppet
igennem w3cs validering hos mig.

---

"Philip Nunnegaard" <philip@fjerndettehitsurf.dk> skrev i en meddelelse
news:46dcf852$0$8195$edfadb0f@dread14.news.tele.dk...
>> det virker fint at give en background på <li> elementer i IE men
>> ikke i eksempelvis FF.
>> Findes der en løsning?
>
> Hmmm...
> li {
> background-color: #ccc;
> }
>
> Såhut jeg visker, har ie6 dog problem med at læse "background-color", men
> kan godt læse det, hvis man kun skriver "background".
>
> Er dog ikke sikker på, at dén er helt korrekt, selv om den er sluppet
> igennem w3cs validering hos mig.

Det er der ikke noget galt med, og er valid css..
background alene er "shorthand" for dem alle. De der udelades får blot
default værdier.

Birger

---

Har lagt siden midlertidigt op på
www.mandkvinde.dk
Tak
Jimmy

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

En lille kommentar:

<a
href="index.html"><li>&nbsp;&nbsp;Profil&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a></li>

Jeg havde nok skrevet:

<li><a href="index.html">Profil</a></li>

Altså a-markøren inde i <li>
- og ingen &nbsp;

Jeg går ud fra, at det er noget, du har sat for at gøre menulinksne lige
brede.
Det kan så gøres ved at ændre a-markøren fra et inline- til et blok-element.

Din nuværende css ændres så til dette:
#menu a{color: #000000; text-decoration:none; display:block; }
#menu a:hover{background:#00dd00; display:block; }
#menu a:{background:#00dd00; display:block; }

---

Philip Nunnegaard skrev:

> Din nuværende css ændres så til dette:
> #menu a{color: #000000; text-decoration:none; display:block; }
> #menu a:hover{background:#00dd00; display:block; }
> #menu a:{background:#00dd00; display:block; }

Skriv helt kun tingene én gang hvis det er muligt:

#menu a { display: block; }
#menu a { color: #000; text-decoration: none; }
#menu a:?, #menu a:hover { background: #0d0; }

Det er mere overskueligt.

Kortformen #xyz betyder #xxyyzz.

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/

---

Bertel Lund Hansen wrote:
> #menu a:?, #menu a:hover { background: #0d0; }

Nu lige et lille side spørgsmål

a:?
Betyder det så alle :hover, :active osv osv?

---

Martin skrev:

> Nu lige et lille side spørgsmål

> a:?

Der manglede en angivelse i Philips svar, og jeg vidste ikke
hvilken han mente.

> Betyder det så alle :hover, :active osv osv?

Nej, det er forkert at skrive sådan i CSS.

Hvis man vil stille noget for alle links overhovedet, skriver
man:

   a { blabla; }

I mit svar skrev jeg :

   #menu a { display: block; }

Det virker så på alle links inden for menu.

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/

---

>> a:?
>
> Der manglede en angivelse i Philips svar, og jeg vidste ikke
> hvilken han mente.

Jeg havde kopieret koden fra hjemmesiden og vidste heller ikke, hvad han
mente. Jeg burde så have fjernet det kolon.

Noget andet er, at ie6 har det med ikke at forstå a-markøren alene sammen
med f.eks. a:hover.
Det har jeg i hvert fald erfaret. Jeg husker så ikke lige, hvad det var, der
gik galt, men indtil videre gentager jeg bare det hele for prins knud og
ie6.

---

Philip Nunnegaard skrev:

> Noget andet er, at ie6 har det med ikke at forstå a-markøren alene sammen
> med f.eks. a:hover.

Jeg er ikke stødt på noget problem desangående. Men man skal
huske rækkefølgen, ellers går det galt i flere browsere:

:link
:visited
:hover
:active

Husk det på LoVe-HAte.

--
Bertel
http://bertel.lundhansen.dk/      http://fiduso.dk/

---

> Jeg er ikke stødt på noget problem desangående. Men man skal
> huske rækkefølgen, ellers går det galt i flere browsere:
>
> :link
> :visited
> :hover
> :active
>
> Husk det på LoVe-HAte.

Aaarh... Det er garanteret dér, det er gået galt, så.
Har haft en tendens til at bytte om på active og hover.

---

Jimmy skov Adetunji skrev:
> det virker fint at give en background på <li> elementer i IE men
> ikke i eksempelvis FF.

Lige fra hoften:
li {display:block; [width:10em;]}


--

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