HighDots Forums  

Managing <UL> Bullet Position

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss Managing <UL> Bullet Position in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Jerry
 
Posts: n/a

Default Managing <UL> Bullet Position - 03-20-2006 , 04:06 PM






I've got a website that uses an external style sheet to manage several of
the design elements. One of the webpages includes an unordered list. I would
like for the list to not be indented at all, with the bullets directly below
the left margin of a standard paragraph of text. All of the content is
included in a table cell. I was able to accomplish that when viewed in IE,
using the following CSS snippet, but both NS and FireFox displays the
bullets indented. Any suggestions for getting consistency with this content
across browsers? Is there an easier way (correct way?) to eliminate the
bullets being indented? Thanks for your help. URL is
http://www.plantationrivertours.com/tours.htm

UL
{
list-style: disc; list-style-position: outside;
margin-left: 0.2in;
}



Reply With Quote
  #2  
Old   
Stan Brown
 
Posts: n/a

Default Re: Managing <UL> Bullet Position - 03-20-2006 , 04:56 PM






Mon, 20 Mar 2006 22:06:13 GMT from Jerry <jwilliams644
@hotmail.nospam.com>:
Quote:
One of the webpages includes an unordered list. I would
like for the list to not be indented at all, with the bullets directly below
the left margin of a standard paragraph of text.
ul.purelist, .purelist ul {
margin:0 0 0 0.6em; padding-left:0.6em }

li { margin:0; padding:0 }

Illustration at
http://www.acad.sunytccc.edu/instruc...add.htm#Phase1
among other places.

--
Stan Brown, Oak Road Systems, Tompkins County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2.1 spec: http://www.w3.org/TR/CSS21/
validator: http://jigsaw.w3.org/css-validator/
Why We Won't Help You:
http://diveintomark.org/archives/200..._wont_help_you


Reply With Quote
  #3  
Old   
Jerry
 
Posts: n/a

Default Re: Managing <UL> Bullet Position - 03-20-2006 , 08:43 PM



"Stan Brown" <the_stan_brown (AT) fastmail (DOT) fm> wrote

Quote:
Mon, 20 Mar 2006 22:06:13 GMT from Jerry <jwilliams644
@hotmail.nospam.com>:
One of the webpages includes an unordered list. I would
like for the list to not be indented at all, with the bullets directly
below
the left margin of a standard paragraph of text.

ul.purelist, .purelist ul {
margin:0 0 0 0.6em; padding-left:0.6em }

li { margin:0; padding:0 }

Illustration at
http://www.acad.sunytccc.edu/instruc...add.htm#Phase1
among other places.

--
Stan Brown, Oak Road Systems, Tompkins County, New York, USA
Thanks for your help. It worked great.




Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.