I am wondering how I can use a <li> tage, but instead of a bullet, have an image show. I'm thinking that I should go into css, and do something like this:
li {
background-image: src(bullet.gif);
}
Or something like that. Any suggestions?
| SitePoint Sponsor |
I am wondering how I can use a <li> tage, but instead of a bullet, have an image show. I'm thinking that I should go into css, and do something like this:
li {
background-image: src(bullet.gif);
}
Or something like that. Any suggestions?
Content Writing Service - Get custom SEO articles for 10$
You will need to do something like this:
Just change the image path to match that of your imageCode:ul { list-style-image: url('/path/to/image.gif'); }.
Yup that did the trick. Pretty cool effect!
Content Writing Service - Get custom SEO articles for 10$
Ahh that's something I've been meaning to ask for a while
-Sam
Sam Hastings
Yeah, with apostrophes they can be omitted right?
The quoting around the image path can be omitted yes.Originally Posted by mydster
Thanks.
I've seen it both ways and it just dawned on me to ask...
its possible to do it with tables as well right?
Probablly more work to do
More work, more code, etc. Not worth it IMO.
Does that work in all browsers? Any little "quirks" I should be aware of?
Alone we can do so little; together we can do so much.
-----------------------------------------------------
tinyplanet.org <--a nifty spot.
All current browsers (IE5+Win/Mac, NN6+, Opera, Safari, Konqueror).
Sounds like a good candidate for my "great experiment"
Alone we can do so little; together we can do so much.
-----------------------------------------------------
tinyplanet.org <--a nifty spot.
What the heck are safari and konqueror?!
Content Writing Service - Get custom SEO articles for 10$
Browsers. I've used Konqueror a couple of times before on Linux. I think Safari may be a Mac OS browser
-Sam
Sam Hastings
Having seen a lot of pages using tables for this kind of thing - yes, you can do it with tables, but it's horrible, takes at least four times as much markup, and is a nightmare to maintain.
To expand on what Sam said:
Safari is now the "default" browser shipped with new Macs. It's based on an enhanced version of the open-source KHTML engine.
KHTML is also the heart of Konqueror, which is the default browser of the KDE desktop environment for Linux.
Re: browser compatiliblity: Netscape 4 doesn't do list-style-image. There's a surprise. The good news is that NN4 just quietly ignores it, and users of that browser will see good old-fashioned bullet points instead, which is hardly a disaster.
gav
http://www.livejournal.com/users/blufive/
browser stats analysis and comment:
http://www.livejournal.com/community/stats_weenie/
Graceful Degredation is good thing.
Alone we can do so little; together we can do so much.
-----------------------------------------------------
tinyplanet.org <--a nifty spot.
Posting Permissions
Bookmarks