navigation
Thomas Brunt's OutFront Hosting
 
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Microsoft MVP
 

Fun with Bulleted Lists
by Thomas Brunt

Custom bullet points are very easy with css.  Just put this code in your external style sheet > drop the image you want to use in your images folder > you're good to go.

But what if you want to use a different image for a list that's nested inside a regular list?

Code Explanation

list-style-image: url(images/bullet1.gif);
This tells the browser where to look for the bullet image.

list-style-type: disc; color: #000000;
This tells browsers that do not support CSS2 to display a filled solid
black circle (disc.)

UL LI
This tells the browser what to do for bullets in a normal bulleted
list.

UL LI LI
This tells the browser what to do for bullets in a list that is nested
within a normal bulleted list.

UL LI LI LI
This tells the browser what to do for bullets in a list that is nested
within a nested list.

 

Fun With Background Images
Fun With Bulleted Lists
Are You Compliant?
Introduction To Cascading Style Sheets
Creating Custom Error Pages
Designing Fast Loading Sites
Creating Funky Forms With CSS
htaccess Magic
An Introduction To JavaScript
JavaScript Snippets
Getting More From Mailto
Installing And Using Perl Scripts
Preparing Photos For Your Web Site
The Popup Dilemma
Paint Shop Pro Album 4
Creating And Using robots.txt File
Creating JavaScript Rollover Buttons

Microsoft Corporation in no way endorses or is affiliated with "OutFront." 
OutFront is published and edited by Thomas Brunt
440 Great Circle Dr., St. Matthews, SC 29135.  803-655-6151
© 1998, 1999, 2000, 2001, 2002, 2003, 2004, 2005, 2006 All Rights Reserved
Click here to view our privacy statement.