<ul> Remove The Bullets

moldboy

Nov 18 2005, 03:51 AM

I have a little handbook for CSS by O'reilly and can't seem to find in it how to remove the bullets from an <li> that is inside a <ul>. Any help?

Saint_Michael

Nov 18 2005, 04:05 AM

This is how you do it.

CODE

CSS CODE
#navcontainer ul { list-style-type: none; }

HTML CODE
<div id="navcontainer">
<ul>
<li><a href="#">Milk</a>
<ul>
<li><a href="#">Goat</a></li>
<li><a href="#">Cow</a></li>
</ul>
</li>
<li><a href="#">Eggs</a>
<ul>
<li><a href="#">Free-range</a></li>
<li><a href="#">Other</a></li>
</ul>
</li>
<li><a href="#">Cheese</a>
<ul>
<li><a href="#">Smelly</a></li>
<li><a href="#">Extra smelly</a></li>
</ul>
</li>
</ul>
</div>

it surprised me when i googled it and it came up. but that should help you out.

jlhaslip

Nov 18 2005, 04:38 AM

Google? for that?
Use this next time. It will be handier, because it explains the css and html all in one spot. Look on the left hand side for CSS2 Reference. Lots of info at the w3schools.

edit to correct link

snlildude87

Nov 18 2005, 09:40 PM

Yep. The key is the keyword "none" in list-style-type. This is also how CSS rollover menus are created.

moldboy

Nov 18 2005, 10:23 PM

Thanks that did do the trick,

QUOTE

This is also how CSS rollover menus are created.

I was aware of this already but I am wondering if you have a particular site in mind that would show how?

Lozbo

Nov 20 2005, 06:27 PM

I have a site under development where you can see this applied.

http://www.cucea.udg.mx/pmic/

If you have firefox and the webdeveloper tools extension installed, it will be easier and faster to locate the css, which is attached to the documents by a style which @imports the main style. _Im currently working (hehe not true but planning to work in) the other media styles.

The shorthand for style is like this:

list-style-type
list-style-position
list-style-image

for example

#liststyle ul {list-style: none inside url(bullet.gif)}

Greetings...

-10730

Recent Queries:-

disable bullet html code - 12.92 hr back. (1)
css firefox remove ul bullets - 22.69 hr back. (1)
li remove bullet - 47.57 hr back. (1)
remove bullet on li - 50.02 hr back. (1)
remove bullet ul li - 50.08 hr back. (1)
li tag removing bullets - 60.14 hr back. (1)
how to remove bullets li - 71.23 hr back. (2)
remove bullet li - 95.12 hr back. (2)
ul li remove bullet - 100.78 hr back. (1)
ul bullet li remove list-style - 112.41 hr back. (1)
ul bullet li remove - 112.42 hr back. (1)
how to remove css li bullet - 114.73 hr back. (1)
li remove bullet - 9.73 hr back. (5)
remove bullits firefox css - 123.29 hr back. (1)

Similar Topics

Keywords : remove, bullets

How Do I Remove The Iframes Scrollbars?
(5)

ADD REPLY / Got an Opinion!	Remove these ADs!	RAPID SEARCH!	Free Web Hosting	[X]
Express your Opinions, Thoughts or Contribute more info. to help others. Ask your Doubts & Queries to get answers, So that "Together We can help others!"	Register FREE for AD-FREE forum, Create your own topics, Ask Questions, track topics, setup subscriptions & notifications and Get a Free Website w/ Email and FTP.		500MB Space No Ads, CPanel, FTP, PHP, MySQL, EMails - 100% FREE