---

Kan man udskifte disc/circle/square med en * , i en <li> - uden at skulle
bruge list-style-image?


Mvh
John

---

John Kjoller wrote:
> Kan man udskifte disc/circle/square med en * , i en <li> - uden at skulle
> bruge list-style-image?

Hurtigt svar...
Nej

---

John Kjoller skrev:
> Kan man udskifte disc/circle/square med en * , i en <li> - uden at skulle
> bruge list-style-image?

Nej, men man kan

1) "misbruge" <dl> (definition list) så man har * som <dt> (definition
term) og det der plejer at stå i <li> som definition description. Mere
om <dl> her: <http://www.w3.org/TR/html401/struct/lists.html#edef-DD>

2) smide en <span>*</span> ind forrest i hver <li>

I begge løsninger kan man overkommeligt style det så resultatet kommer
til at svare til at bruge * som list item. Begge løsninger er semantisk
set angribelige, men jeg kan oprigtigt talt ikke se at der sker overgreb
af væsentlig karakter, eller at det forringer din kode voldsomt set fra
et useability-synspunkt hvis du bruger en af de to løsninger

Du kender godt de mange smarte måder at lave lister på, som præsenteres
på <http://css.maxdesign.com.au/listamatic/> ikke?

mvh

Jesper Brunholm

---

John Kjoller wrote:
> Kan man udskifte disc/circle/square med en * , i en <li> - uden at
> skulle bruge list-style-image?

Martin kom med et hurtigt svar og Jesper med et uddybende.

Men hvad er der egentlig galt i at lave en lille gif med den ønskede stjerne
og så bruge den som bullet? Det er da alt andet lige en langt enklere
løsning - stjernen fylder 49 bytes og genbruges efter behov:

<ul class="stjerne">
<li>..</li>
</ul>


..stjerne {
list-style-image: url(stjerne.gif);
}

http://hjemmesideskolen.dk/images/stjerne.gif

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

---

Erik Ginnerskov wrote:
> John Kjoller wrote:
>
>>Kan man udskifte disc/circle/square med en * , i en <li> - uden at
>>skulle bruge list-style-image?
>
>
> Martin kom med et hurtigt svar og Jesper med et uddybende.
>
> Men hvad er der egentlig galt i at lave en lille gif med den ønskede stjerne
> og så bruge den som bullet? Det er da alt andet lige en langt enklere
> løsning - stjernen fylder 49 bytes og genbruges efter behov:
>
> <ul class="stjerne">
> <li>..</li>
> </ul>
>
>
> .stjerne {
> list-style-image: url(stjerne.gif);

Fordi det er et forkert svar :)
Bemærk at John Kjoller skrev
<citat>
- Uden at skulle bruge list-style-image?
</citat>

Men hvorfor der ikke må bruges list-style-image, det er jo et rigtig
godt spørgsmål :)

---

Martin:
> Men hvorfor der ikke må bruges list-style-image, det er jo et rigtig godt
> spørgsmål :)

John:
Det ligger der såmænd ikke en hel masse bag. Det var bare for at høre om der
var andre muligheder, som jeg ikke lige kendte til. Det er fint med
img-løsningen. Men hvis der var andre muligheder, ville jeg også gerne kende
dem.

---

Martin wrote:
>> Men hvad er der egentlig galt i at lave en lille gif....

> Fordi det er et forkert svar :)

Det var ikke dig, jeg spurgte. Det var John. Jeg læste og forstod dit svar,
som slet ikke er forkert.

> Bemærk at John Kjoller skrev
> <citat>
> - Uden at skulle bruge list-style-image?
> </citat>

Og det var det, jeg undrede mig over. Hvorfor gøre det på en besværlig måde,
når det kan gøres så enkelt?

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

---

"John Kjoller" <john@skrivikkedette-basix.dk> posting:

>Kan man udskifte disc/circle/square med en * , i en <li> - uden at skulle
>bruge list-style-image?

http://cbh.softwolves.dk/temp/x.html

Tjekket i Opera 9.02.

Et hurtig proof of concept, så sikkert en del justeringer, man
skal/bør se på, men jeg gider ikke for alvor grave mig ned i
referencen nævnt på ovennævnte side.

--
What is life, except excuse for death,
or death, but an escape from life. -Ukendt

Fly Opera - http://www.opera.com/

---

On Fri, 22 Sep 2006 01:44:35 +0200, Christian Bohr-Halling
<nospam@cbh.softwolves.dk> wrote:

>"John Kjoller" <john@skrivikkedette-basix.dk> posting:
>
>>Kan man udskifte disc/circle/square med en * , i en <li> - uden at skulle
>>bruge list-style-image?
>
>http://cbh.softwolves.dk/temp/x.html
>
>Tjekket i Opera 9.02.
>
>Et hurtig proof of concept, så sikkert en del justeringer, man
>skal/bør se på, men jeg gider ikke for alvor grave mig ned i
>referencen nævnt på ovennævnte side.

Virker også i Opera 8.5 og FF 1.5, men hverken i IE6 eller IE7 RC.


Mvh. Jørn

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