Tracey,
Change:-
list-style-type:disc; (or whatever you at the mo)
to:-
list-style-image: url('myimage.gif';
Change:-
list-style-type:disc; (or whatever you at the mo)
to:-
list-style-image: url('myimage.gif';
-
-
Thanks again
I'll have a play sometime
TraceyComment
-
And DONT forget the closing bracket
list-style-image: url('myimage.gif');
^
Bill
www.egyptianwonders.co.uk…
Text directoryWorldwide Actinic(TM) shops
BC Ness Solutions Support services, custom software
Registered Microsoft™ Partner (ISV)
VoIP UK: 0131 208 0605
Located: Alexandria, EGYPTComment
-
Thanks Tracy, i have put it in on one site already and shall add this to my kite sites later.ooooooooooh...prettyyyyyyyy
Using some of my ill gotten gains to by a laptop to allow me to mess around and still keep the wife happy as i am not locked away in the office.wish I had a test site to play on...would certainly save a lot of hassle I get tinkering with a live site!
I will never understand women, a conversation used to run along the lines of
Your always on that computer, i'm going to F*** it out the window (my wife is irish so try and read it with an accent) has now changed to what are you doing, i like that e.t.c just because i am now sitting on the sofa while she's watching tv - Just dont figure
Comment
-
Oops! What an a**e!Originally posted by wjcampbeAnd DONT forget the closing bracket
list-style-image: url('myimage.gif');
^
Comment
-
I use my laptop as my "main" computer (it goes to and from the office with me with Actinic etc) so I'd have to fire up the main PC at home to experiment. Sadly, that would mean me locking myself away in a room instead of sitting on the sofa with my laptop LOLOriginally posted by Darren B
Unless I take a day off from the office
Nahh..not gonna happen haha
Same as it used to be and is here....only reversed because it's my H doing/saying it!Originally posted by Darren BTraceyComment
-
Originally posted by budgetbumps
Wrong forum?
Comment
-
Welcome back, GOriginally posted by georgeWrong forum?
TraceyComment
-
you can play a lot with CSS and to obtain a different coloured dot at the front of the list, you don't have to have an image.
I'm not claiming that this design is pretty, just an idea as to what you can do.
heres a BIG red dot at the front of the black entries, its all done with style and there's no images, I've even added some green text again done with style.
in this particular case, I've changed the style on the <ul> entry to be red 36px, then within the <LI> entries, I've placed a <span>thewords</span> around each of the entries and then styled this back to black - result, BIG red dots at the front of smaller black and green text
the red dot is styled because the definition says any < class="siteMap"> should be red and bigCode:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> <!-- .sitemap { color: #FF0000; font-size:36px; } .sitemap li span { color: #000000; font-size:medium; } .sitemap li span span { color:#00CC33; } --> </style> </head> <body> <ul class="sitemap"> <li><span>entry 1</span></li> <li><span>entry 2</span></li> <li><span>entry <span>number 3</span></span></li> </ul> </body> </html>
the black text is styled because the definition says any <LI><SPAN>inside the SiteMap class should be black, and the green text is styled because the definition says any <LI><SPAN><SPAN>inside the SiteMap class should be green
Play with style, its fun and you can do some clever code without lots and lots of code.Comment
-
cheers for that, Kevin
Interesting...and I even followed it (more's the surprise LOL)
I'll have a play with it sometime, thanks for taking the time to lay it out AND explain it
TraceyComment
-
Kev thanks for the tution and the time to do this, much appreciated
DarrenComment
Comment