2 replies [Last post]
bjarman.org
Offline
Regular
Sweden
Last seen: 19 years 15 weeks ago
Sweden
Joined: 2004-02-17
Posts: 11
Points: 0

I have been scratching my head over this a while now and could use some advise. I'm trying to create a list where i would like a custom graphic as a bullet, this seems to be impossible with inline lists so i resort to try and use a background image but now comes my second problem. When the images are in place I would like to hide the text in the list so that the list is displayed only with the images, my aprocach to this was to set the display to none in the spans that reside within the li's, this however gave the result that the entire list dissapeared. Has anyone tried to make an inline list where the only thing visable is images, and where not using img-tags in the code but just css? (also the list does not semm to respond well to padding, any clues?)Please advice. BR / Fredrik

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 weeks 5 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Inline list with images and no content?

Hi bjarman,
You could try visibility:hidden; which will do the same as display:none only will reserve the space which would be taken if the element was visible.

Hope that helps

bjarman.org
Offline
Regular
Sweden
Last seen: 19 years 15 weeks ago
Sweden
Joined: 2004-02-17
Posts: 11
Points: 0

Inline list with images and no content?

Hi! Thanks for the tip, but I already solved the problem by incorporating a technique shon over at alistapart http://www.alistapart.com/articles/sprites/ All i had to do was to insert an extra span with the text to hide in runtime and my menu now degrades to a nice list with links.
Br / Fredrik Bjarman