need help to add the bullets before the list tags in css

kee2ka4 · #1 Jul 11th, 2008, 17:05

Hi need help to insert bullet points before my list tag to display the subcategories but can't seem to get it to work. I am not trying to insert any background imags but just trying to use the li:before tag and use the >> before the list tag. Does anyone know how to do this. Here is my html code:

PHP: Select all


 <div id="main">
    <div class="adcolumn">
    <ul>
    <li class="category">
    <h3><a href="#">Property for Rent/Share</a></h3>
    <ul class="subCat">
    <li><a href="#">Property Available – Rent/Share</a></li>
    <li><a href="#">Property Wanted – Rent/Share</a></li>
    <li><a href="#">Holiday Rental Property</a></li>
    </ul>
    </li>
</ul>
    </div>

I need to add the bullets along side the li tags that are wraped inside the ul class subCat

Here is my css:

Code: Select all

#main .adcolumn{
    float:left;
    width:230px;
    margin-left:10px;
}

.adcolumn ul, .adcolumn ul ol {
margin:0pt;
padding:0pt;
}
.adcolumn ul li {
list-style-image:none;
list-style-type:none;
}
.adcolumn .category h3 {padding: 0 0 0.3em 0; font-size:1.2em;}
.adcolumn li {padding: 0 0 0.2em 0;}
.category h3 a {color:#3d8dc8;}
.category h3 a:hover {color:#333;}
.subCat a {font-size:1em; color:#999999;}
.subCat a:hover {color:#333;}
.adcolumn ul li ul { padding-bottom:2em;}
.subCat ul li:before {
    content: "\00BB \0020";
    }

Thanks,
Ket

CloudedVision · #2 Jul 12th, 2008, 20:26

Please don't bump threads.

Use this. Don't quite understand your code though. li:before and content? Never heard

Code: Select all

.subCat ul li:before {
    content: "\00BB \0020";
list-style-type:disc;
    }

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Firefox not displaying bullets correctly	ashaffiliates	Web Page Design	6	Aug 20th, 2008 15:08
[SOLVED] Bullets looking wierd.	mcdanielnc89	Web Page Design	8	Nov 1st, 2007 18:41
IE7 bug: list bullets aligned to bottom	MikeHopley	Web Page Design	6	Sep 12th, 2007 20:56
Image bullets on unordered list	Kobrakai	Web Page Design	4	Aug 15th, 2007 19:27
ul bullets	ivyholly	Web Page Design	12	Jan 6th, 2006 03:21

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
need help to add the bullets before the list tags in css