Special Character Bullets

Reply

•
•
Join Date: Oct 2006
Posts: 24
Reputation: vexhawk is an unknown quantity at this point 
Solved Threads: 0
vexhawk vexhawk is offline Offline
Newbie Poster

Special Character Bullets

 
0
  #1
Dec 7th, 2006
Whats the best way to use a special character as a bullet for lists in CSS.

I'm trying to use "ยป"?
Reply With Quote Quick reply to this message  
•
•
Join Date: May 2006
Posts: 1,422
Reputation: stymiee is on a distinguished road 
Solved Threads: 35
Moderator
stymiee's Avatar
stymiee stymiee is offline Offline
He's No Good To Me Dead

Re: Special Character Bullets

 
0
  #2
Dec 7th, 2006
HTML and CSS Syntax (Toggle Plain Text) 
  1. li{
  2.     content: "\00BB \0020";
  3. }

Won't work in IE though. If you want it to be cross-browser use an image instead.
John Conde
Brainyminds | Merchant Account Services | I Love Code
IT'S HERE: Merchant Accounts 101 Everything you need to know about merchant accounts!
Reply With Quote Quick reply to this message  
•
•
Join Date: Oct 2006
Posts: 24
Reputation: vexhawk is an unknown quantity at this point 
Solved Threads: 0
vexhawk vexhawk is offline Offline
Newbie Poster

Re: Special Character Bullets

 
0
  #3
Dec 7th, 2006
thanks. i tried doing that to an inline "li" didn't seem to work.
Reply With Quote Quick reply to this message  
•
•
Join Date: Oct 2006
Posts: 24
Reputation: vexhawk is an unknown quantity at this point 
Solved Threads: 0
vexhawk vexhawk is offline Offline
Newbie Poster

Re: Special Character Bullets

 
0
  #4
Dec 8th, 2006
Hmm, how would it work in inline tags?

I have this:

HTML and CSS Syntax (Toggle Plain Text) 
  1. <li style="content: '\00BB \0020';">

it doesn't seem to work.
Reply With Quote Quick reply to this message  
•
•
Join Date: Apr 2008
Posts: 1
Reputation: tracyselena is an unknown quantity at this point 
Solved Threads: 0
tracyselena tracyselena is offline Offline
Newbie Poster

Re: Special Character Bullets

 
0
  #5
Apr 11th, 2008
an earlier post mentions that for IE to use an image...what would the syntax be for that?
Reply With Quote Quick reply to this message  
•
•
Join Date: Feb 2005
Posts: 427
Reputation: autocrat is on a distinguished road 
Solved Threads: 12
autocrat autocrat is offline Offline
Posting Pro in Training

Re: Special Character Bullets

 
0
  #6
Apr 11th, 2008
Two methods I can think of.
You have the image property for Lists, and you have the background-image proprerty also.

HTML and CSS Syntax (Toggle Plain Text) 
  1. li
  2. {
  3. list-style-image: url(yourimage.ext);
  4. }

Or

HTML and CSS Syntax (Toggle Plain Text) 
  1. li
  2. {
  3. list-style: none;
  4. background-image : url(yourimage.ext);
  5. }

Note, with the background-image method, you may need to apply a bit of padding to the list.
Sometimes life holds wonderful suprises - shame I sleep through them all.
http://www.choose-easyweb.com - Not my design, nor my idea :)
Reply With Quote Quick reply to this message  
Reply

Quick Reply to Thread
This thread is more than three months old.
Perhaps start a new thread instead?
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Similar Threads
Other Threads in the HTML and CSS Forum
Thread Tools Search this Thread



Tag cloud for HTML and CSS
2002 appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity create css deleted design development displayimageinsteadofflash dreamweaver drupal emailmarketing epilepsy explorer firefox flash font fonts form format frontpage google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft missing mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization perl pnginie6 positioning problem scroll seo shopping studio swf swf. templates textcolor theme timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7 wordpress xml xsl
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC