5 svar · 245 visningar · startad av Peeer
Jag har en lista
<ul id="menu">
<li id="first">Indexsidan</li>
<li>Undersida</li>
<li>Undersida2</li>
<li>Undersida 3</li>
<li>Undersida 4</li>
</ul>
Kan man (utan att använda sig av bilder!) få så att varje punkt i listan har ex. en # framför sig, dvs istället för
så ska listan se ut såhär:
# Indexsidan
# Undersida
# Undersida2
# Undersida 3
# Undersida 4
Nope - inte utan att använda dig av bilder (antingen som list-style-type eller som background-image)...
CSS2.1-specen skrev:
'list-style-type'
Value: disc | circle | square | decimal | decimal-leading-zero | lower-roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | none | inheritInitial: disc
Beklagar!
Jaja, får väl nöja mig med bilder då. Tack ändå.
Fast det är klart (jag fick en idé)...
Kom på att
li:before {content: "# ";margin-left:-1em}
li {list-style-type:none}
faktiskt funkar ungefär som man vill i Mozilla (men inte i MSIE - som vanligt ;) )
Och det verkar vara OK enligt standard också - http://www.w3.org/TR/CSS21/generate.html ;)
jarvklo skrev:
(men inte i MSIE - som vanligt ;) )
Suck :l
Jaja, det får nog bli en bild trots allt. Känns som IE-användarna ännu är en lite för stor grupp för att prioriteras bort helt.
Yep - MSIE har nu tillochmed officiellt utsetts till "webbens nya Netscape4", dvs till den "drög" som försinkar webbens utveckling just därför att så många använder den trots alla buggar och brister, precis på samma sätt som NN4 var det i slutet av förra seklet
Browse happy :birp