---

Hvordan er det lige jeg skal gøre for at få et større mellemrum mellem
punkterne på én bestemt <ul>-liste?

Jeg vil sætte en style på, som hedder "margin-bottom: 5px", men jeg vil
helst undgå at skulel sætte den på samtlige <li>'er! Jeg har en side med
flere <ul>'er, men det er kun for den ene, at den store bundmargin skal
gælde. Det hjælper jo ikke at sætte stylen på <ul>'en...

Derfor: Er der ikke en måde at sige "alle <li>'er under <ul>'en med ID'et
'blabla' skal have denne style"?

Mvh.

Mikkel

--
"And my sanity scans the horizon"
Sting - The Wild Wild Sea

http://www.mzh.dk

---

Mikkel Z. Herold (MZH) wrote:

> Hvordan er det lige jeg skal gøre for at få et større mellemrum
> mellem punkterne på én bestemt <ul>-liste?
[snip]
> Derfor: Er der ikke en måde at sige "alle <li>'er under <ul>'en
> med ID'et 'blabla' skal have denne style"?

#blabla li {
   margin-bottom: 5px;
}


--
Anders Thorsen Holm | http://www.daimi.au.dk/~zoolook/

Overvejer du at købe en DVD-afspiller? Så hold dig fra Fona!
Læs hvorfor: http://www.daimi.au.dk/~zoolook/fona/

---

In news:Xns93F36C875810Ezoolook@130.225.247.90,
Anders Thorsen Holm <zoolook@daimi.au.dkx> typed:

> #blabla li {
> margin-bottom: 5px;
> }

Virker ikke (tester i Mozilla 1.4)...

Jeg kan sagtens lave en class og benytte den på alle <li>'erne, men mit
spørgsmål gik på, om man kunne lave noget á la <ul ID="blabla"> og derefter
definere at alle de indlejrede <li>'er i denne <ul> skal have større
bundmargin.

Mikkel

--
"And my sanity scans the horizon"
Sting - The Wild Wild Sea

http://www.mzh.dk

---

Mikkel Z. Herold (MZH) wrote:

>> #blabla li {
>> margin-bottom: 5px;
>> }
>
> Virker ikke (tester i Mozilla 1.4)...

Jo da. Virker fint hos mig. Må vi se en side?

> Jeg kan sagtens lave en class og benytte den på alle <li>'erne,
> men mit spørgsmål gik på, om man kunne lave noget á la <ul
> ID="blabla"> og derefter definere at alle de indlejrede <li>'er i
> denne <ul> skal have større bundmargin.

Hvilket præcis er hvad ovenstående stump CSS skal gøre:

   <http://www.w3.org/TR/CSS2/selector.html#descendant-selectors>

--
Anders Thorsen Holm | http://www.daimi.au.dk/~zoolook/

Overvejer du at købe en DVD-afspiller? Så hold dig fra Fona!
Læs hvorfor: http://www.daimi.au.dk/~zoolook/fona/

---

In news:Xns93F3790BFE0B4zoolook@130.225.247.90,
Anders Thorsen Holm <zoolook@daimi.au.dkx> typed:

> Jo da. Virker fint hos mig.

Og nu også hos mig! Jeg må have lavet en fejl før...

> <http://www.w3.org/TR/CSS2/selector.html#descendant-selectors>

Det link havde jeg været omkring, men kunne ikke få det til at funke... Det
gør det nu, så jeg må have lavet en fejl et sted.

Tak for hjælpen til alle!

Mikkel

--
"And my sanity scans the horizon"
Sting - The Wild Wild Sea

http://www.mzh.dk

---

Mikkel Z. Herold (MZH) skrev:

>> #blabla li {
>> margin-bottom: 5px;
>> }
>
> Virker ikke (tester i Mozilla 1.4)...

Må vi se en eksempelside? (giv et link hvis det er muligt, ellers
giv relevante dele af din css-kode).


> Jeg kan sagtens lave en class og benytte den på alle
> <li>'erne, men mit spørgsmål gik på, om man kunne lave noget á
> la <ul ID="blabla"> og derefter definere at alle de indlejrede
> <li>'er i denne <ul> skal have større bundmargin.

Det er netop hvad descendant-selectoren a b { } gør - og den er
fint understøttet nye udgaver af Mozilla, IE og Opera.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Mikkel Z. Herold \(MZH\) wrote in dk.edb.internet.webdesign.html:
> Hvordan er det lige jeg skal gøre for at få et større mellemrum mellem
> punkterne på én bestemt <ul>-liste?
>
> Jeg vil sætte en style på, som hedder "margin-bottom: 5px", men jeg vil
> helst undgå at skulel sætte den på samtlige <li>'er! Jeg har en side med
> flere <ul>'er, men det er kun for den ene, at den store bundmargin skal
> gælde. Det hjælper jo ikke at sætte stylen på <ul>'en...
>
> Derfor: Er der ikke en måde at sige "alle <li>'er under <ul>'en med ID'et
> 'blabla' skal have denne style"?

Hvad med:

#test li {margin-bottom:5px;}

<ul id="test">
<li>1</li>
<li>2</li>
<li>3</li>
</ul>


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