User Name Password Register
DaniWeb IT Discussion Community
All
What is DaniWeb IT Discussion Community?
You're currently browsing the HTML and CSS section within the Web Development category of DaniWeb, a massive community of 423,632 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,194 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our HTML and CSS advertiser: Lunarpages Web Hosting
Views: 13355 | Replies: 4
Reply
Join Date: Jun 2006
Posts: 9
Reputation: assaf is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
assaf assaf is offline Offline
Newbie Poster

Help HTML CSS bullet style

  #1  
Jul 7th, 2006
I would like to use in a specific place a specific bullet style with a specific color.
Currently I'm using:

[html]<SPAN style="COLOR: #DD440F;FONT-FAMILY: Wingdings;mso-fareast-font-family: Wingdings;mso-bidi-font-family: Wingdings">v</SPAN>fdsfdsfds<br>[/html]

You can see it in my website under "Main Menu" (on the left side of the page).
But I would like to use it as a bullet, like in this example:


[html]<UL TYPE="square">

<LI><A HREF="Business_Plan.htm">Business Plan</A> <BR><BR>
<LI><A HREF="Financing_Resources.htm">Finance
<LI><A HREF="Networking.htm">Business Connections (Networking)</A> <BR><BR>
<LI><A HREF="Time_Management.htm">Effective Time Management</A> <BR><BR><BR><BR>
</UL><BR>[/html]

What should I put instead of "squre"?
Do I have to add anything in style.css file? If yes what?

Thanks,
Assaf
Last edited by tgreer : Jul 7th, 2006 at 12:22 pm. Reason: Failure to use CODE tags.
AddThis Social Bookmark Button
Reply With Quote  
Join Date: Dec 2004
Posts: 1,590
Reputation: tgreer is an unknown quantity at this point 
Rep Power: 7
Solved Threads: 35
Colleague
tgreer tgreer is offline Offline
Made Her Cry

Re: HTML CSS bullet style

  #2  
Jul 7th, 2006
Those bullets appear as small red letter "v" on your page in Firefox.

With HTML 3.2, which you appear to be using, you have only 3 bullet types, and the browser will render each as it sees fit. See this reference.

CSS has nothing to do with that, though you can use CSS and a background image to simulate custom bullets. A web search for "CSS bullets" should show you plenty on the topic.
Reply With Quote  
Join Date: Jun 2006
Posts: 9
Reputation: assaf is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
assaf assaf is offline Offline
Newbie Poster

Re: HTML CSS bullet style

  #3  
Jul 7th, 2006
Thanks

I'm using HTML 4.0 , Are there any more options beyond "disc","squere" and "circle" in this version?
Reply With Quote  
Join Date: Dec 2004
Posts: 1,590
Reputation: tgreer is an unknown quantity at this point 
Rep Power: 7
Solved Threads: 35
Colleague
tgreer tgreer is offline Offline
Made Her Cry

Re: HTML CSS bullet style

  #4  
Jul 7th, 2006
No. Again, those bullet styles are part of the spec, and will be rendered according to how each browser sees fit. If you want custom bullets, use images. Even in 4.0, the "TYPE" attribute is deprecated.

The new way is to use images, as I've mentioned. This is a good article on "taming lists" with CSS.
Reply With Quote  
Join Date: Jun 2006
Posts: 9
Reputation: assaf is an unknown quantity at this point 
Rep Power: 0
Solved Threads: 0
assaf assaf is offline Offline
Newbie Poster

Re: HTML CSS bullet style

  #5  
Jul 7th, 2006
Thanks again for the help and for your paitient
Reply With Quote  
Reply

Only community members can participate in forum threads. You must register or log in to contribute.

DaniWeb HTML and CSS Marketplace
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)

 

Thread Tools Display Modes

Similar Threads
Other Threads in the HTML and CSS Forum

All times are GMT -4. The time now is 9:48 pm.
Forum system based on vBulletin Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
©2003 - 2008 DaniWeb® LLC