---

Davsen der ...

Jeg har forsøgt uden held at sætte LI's width, så den kun er så bred, som
den tekst der er i. Kan det overhovedet lade sig gøre?

--
I doubt, therefore I might be.

---

Kim Noer skrev:

> Jeg har forsøgt uden held at sætte LI's width, så den kun er
> så bred, som den tekst der er i. Kan det overhovedet lade sig
> gøre?

Hvad ønsker du at opnå? Er problemet at der er for meget luft før
li-elementet - eller efter?

Giv gerne et link til en testside hvor man kan se hvad du har, og
hvorfor det ikke er som du ønsker det.
--
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

---

"Jens Gyldenkærne Clausen" <jens@gyros.invalid> wrote in message
news:Xns961CE076D40F7jcdmfdk@gyrosmod.cybercity.dk

> Hvad ønsker du at opnå? Er problemet at der er for meget luft før
> li-elementet - eller efter?

Efter - den skal være så bred, som den bredest <li> i <ul> tag'et.

> Giv gerne et link til en testside hvor man kan se hvad du har, og
> hvorfor det ikke er som du ønsker det.

http://www.noer.dk/tests/li-width.html

Som det ses, er <li> så bred som siden, med margin osv.

--
I doubt, therefore I might be.

---

Kim Noer skrev:

>> Giv gerne et link til en testside hvor man kan se hvad du
>> har, og hvorfor det ikke er som du ønsker det.
>
> http://www.noer.dk/tests/li-width.html

Fino - prøv med følgende css:

ul{ float: left; }

Hvis du ikke skal bruge pladsen til højre for listen til noget, kan
du også prøve med

li{ float: left; clear: left; }

Eksemplerne er alene afprøvet i Firefox.
--
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

---

"Jens Gyldenkærne Clausen" <jens@gyros.invalid> wrote in message
news:Xns961FD9E3A5C73jcdmfdk@gyrosmod.cybercity.dk

> ul{ float: left; }

Jamen det er jo bare fjong :) - mange tak!

--
I doubt, therefore I might be.

---

"Kim Noer" <kn@nospam.dk> wrote in message
news:423dede2$0$251$14726298@news.sunsite.dk
> Jamen det er jo bare fjong :) - mange tak!

Også alligevel ikke :S

http://www.noer.dk/tests/li-width.html

Problemet er så at den flytter efterfølgende ul op, det ligner en slags
inline.

--
I doubt, therefore I might be.

---

"Kim Noer" <kn@nospam.dk> wrote in message
news:423defd3$0$244$14726298@news.sunsite.dk

> Problemet er så at den flytter efterfølgende ul op, det ligner en
> slags inline.

Fandt fejlen!

--
I doubt, therefore I might be.

---

Kim Noer wrote:

> Også alligevel ikke :S

> Problemet er så at den flytter efterfølgende ul op, det ligner en
> slags inline.

Efterfølgende ul skal så bare tildeles clear:left;

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

---

Erik Ginnerskov skrev:

> Efterfølgende ul skal så bare tildeles clear:left;

Hvis den første ul ikke skal floate ved siden af et tidligere floatet
objekt, kan man klare sig med en enkelt definition på ul:

ul{ float: left; clear: left; }

--
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

---

> Jeg har forsøgt uden held at sætte LI's width, så den kun er så bred, som
> den tekst der er i. Kan det overhovedet lade sig gøre?

Jeg mener at <LI> er et block element (?), så om man, ved brug af CSS, lavede
det til et inline element, så skulle det i teorien virke som du vil have det.

HTML:

<ul>
<li>liste indhold</li>
</ul>

CSS:

li{
display: inline;
}


--
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

---

Sverri M Olsen skrev:

> Jeg mener at <LI> er et block element (?),

Det er det ikke - li har standardtypen "list-item" - men i mange
sammenhænge opfører den sig som et blokelement. Den primære forskel er
reglerne for placering - et listeelement må naturligt nok kun forekomme
inde i en liste.

> så om man, ved brug af CSS, lavede det til et inline element, så
> skulle det i teorien virke som du vil have det.

Hvis man gerne vil have liste-elementerne vist efter hinanden på samme
linje, så er display: inline ganske rigtigt den vej man skal gå.

--
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

---

Kim Noer wrote:

> Jeg har forsøgt uden held at sætte LI's width, så den kun er så bred,
> som den tekst der er i. Kan det overhovedet lade sig gøre?

Det problem har jeg løst ved at smide <ul> ind i en <div>, som jeg har
defineret den ønskede bredde på. Efterfølgende kan <li> ikke blive bredere
end til <div>'ens højre begrænsning.

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