2 replies [Last post]
benny
Offline
Enthusiast
Last seen: 14 years 37 weeks ago
Joined: 2004-08-24
Posts: 64
Points: 0

Hi!

i formatted my lists like that:

#inhalt ul {
list-style-image: url(grafix/aufzaehlung.jpg);
padding-left: 20px;
margin-left: 30px;
}

#inhalt ul li {
font-size: 0.8em;
}

But in one page i don't want a list-style-image, just a normal square.

I tried to do that with a style in the html-document:
...
<ul style="list-style:square;">
...
But this works only in netscape6, the explorer still uses the grafic...
Somebody can help me ?

thank ya,
greets ben

mkjoker
Offline
Regular
Dresden
Last seen: 17 years 43 weeks ago
Dresden
Timezone: GMT+1
Joined: 2004-09-01
Posts: 40
Points: 0

change list-style in one page

Just give that list another id or class with an appropriate style.

TimeBandit
Offline
Enthusiast
Maryland, USA
Last seen: 17 years 43 weeks ago
Maryland, USA
Joined: 2004-09-02
Posts: 112
Points: 0

change list-style in one page

after a ong time of struggling with graphics as bullets, the best way to keep the most control is to not put the buller as a "list-style-image" but instead as a background on the LI, then give the LI some left padding.

#inhalt li {
list-style-type: none;
font-size: 0.8em;
background: url(grafix/aufzaehlung.jpg) 0px 5px no-repeat;
padding-left: 20px;
margin-left: 30px;
}

on another list you'd set "background: url(none)" to get rid of the bullet. The "5px" in the background above moves the image down 5px from where it would show at default. you'll have to vary this depending on the size of your bullet, etc.