4 replies [Last post]
Envinyatar
Offline
Regular
Johannesburg, South Africa
Last seen: 17 years 47 weeks ago
Johannesburg, South Africa
Timezone: GMT+2
Joined: 2004-02-26
Posts: 11
Points: 0

Hi all

I want to change the list style to ». How do I do that?

I know the command is "list-style: none" or "list-style: circle" etc. But how do I set it to be that character like I stated earlier?

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 3 years 11 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Changing the list style

Hi

I know it sounds daft, but you can't select a character from a font set, because that font set may not be available on the visitor's computer.

Instead, you have to make a gif of the symbol and specify the list-style-image. If you want them the same for every <li> tag, set these in the <ul> tag.

Trevor

Envinyatar
Offline
Regular
Johannesburg, South Africa
Last seen: 17 years 47 weeks ago
Johannesburg, South Africa
Timezone: GMT+2
Joined: 2004-02-26
Posts: 11
Points: 0

Changing the list style

oooooohhhhh. Thanks Treva.

Is the command for specifying the link "list-style: url(image.gif)"?

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 3 years 11 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Changing the list style

Hi

You can specify it as you had it in the list-style, where the syntax is:

list-style: list-style-type || list-style-position || list-style-image

which means you can put one or more of these attributes on one line, or use the specific

list-style-image: url(image.gif)

It's entirely up to you. Don't put quotes around the image name.

Trevor

Envinyatar
Offline
Regular
Johannesburg, South Africa
Last seen: 17 years 47 weeks ago
Johannesburg, South Africa
Timezone: GMT+2
Joined: 2004-02-26
Posts: 11
Points: 0

Changing the list style

I know that I mustn't put quotes around the image name! Wink

Thanks for the suggestions Treva