| | |
HTML CSS bullet style
Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
•
•
Join Date: Jun 2006
Posts: 11
Reputation:
Solved Threads: 0
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
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 1:22 pm. Reason: Failure to use CODE tags.
•
•
Join Date: Dec 2004
Posts: 1,655
Reputation:
Solved Threads: 35
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.
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.
•
•
Join Date: Jun 2006
Posts: 11
Reputation:
Solved Threads: 0
Thanks
I'm using HTML 4.0 , Are there any more options beyond "disc","squere" and "circle" in this version?
I'm using HTML 4.0 , Are there any more options beyond "disc","squere" and "circle" in this version?
•
•
Join Date: Dec 2004
Posts: 1,655
Reputation:
Solved Threads: 35
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.
The new way is to use images, as I've mentioned. This is a good article on "taming lists" with CSS.
![]() |
Similar Threads
- Learning web design, HTML, CSS, etc... (HTML and CSS)
- Totally new to html, css questions (HTML and CSS)
Other Threads in the HTML and CSS Forum
- Previous Thread: Different Text Display in Different Browser ???
- Next Thread: XHTML with PHP validation ???
| Thread Tools | Search this Thread |
appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7






