473,396 Members | 1,738 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,396 software developers and data experts.

Managing <UL> Bullet Position

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;
}
Mar 20 '06 #1
2 12044
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
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
Mar 20 '06 #2
"Stan Brown" <th************@fastmail.fm> wrote in message
news:MP************************@news.individual.ne t...
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.
Mar 21 '06 #3

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

8
by: bearclaws | last post by:
I am looping through a list of categories and want to display the list horizontally (instead of vertically). I want to create a single row with 4 list items in each cell of the row. I thought...
8
by: Michael | last post by:
This is a two-part question to which I haven't been able to find an answer anywhere else. 1. Is it possible to format the bullet/number character of the <li>? In my styles sheet, I have the <li>...
5
by: toylet | last post by:
Attached is some css codes for a website. It has 3 parts: top-bar, side-bar (on the left) and main-body. The top-bar has a mouseover menu called top-menu implemented via ul:hover. When the mouse...
3
by: Jordan Peterson | last post by:
When using {list-style: none} to hide the bullets in a <ul>, the bullets disappear but they are still accounted-for when positioning text. Specifically, I have: <div style='text-align:...
8
by: dp | last post by:
Is there anyway to have the bullet color of a <li> be a different color than the text without using an image? dp
16
by: michael | last post by:
Is it possible to get all href URLs contained in a unordered list and place them in an array? Or in fact two different arrays, differently named one for each <ul> group? <ul> <li><a...
2
by: maya | last post by:
I need to format an unordered list as follows: 1) I need to reduce space betw. bullet and line of text.. 2) I need to get rid of space to the LEFT of bullet.. have tried various solutions...
6
by: ashkaan57 | last post by:
Hi, How can I set up the styling for different levels of <ULto use different images for bullets, be indenetd differently, ... Like: .. list 1 - item 1 - item 2 .. list 2
19
by: ashkaan57 | last post by:
Hi, I have a page in a right-to-left language and I am trying to make some bulleted lists using <ul>, but it puts the bullets to the left. Is there any way I can set the bullets to be on the...
0
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
0
by: ryjfgjl | last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...
0
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing,...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.