a webmaster learning community
     Home    Register     Search      Help      Login    
FrontPage Alternative
Sponsors

Hosting from $3.99 per month!

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

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

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

 

Lists

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Lists
Page: [1]
 
CelticDragon

 

Posts: 227
Joined: 11/14/2003
From: Dublin, Ireland
Status: offline

 
Lists - 5/26/2005 9:01:45   
Hey guys,

Any way I can make my lists (ul) not go out to the right so much?

Have a narrow enough navigation column and want to put a load of points with sub points down along it but they are flying out to nearly half way across the column.... 

Code for the ul is here:

ul {
list-style-type: circle;
list-style-position: inside;
list-style-image: url('images/point.gif');
}

I've taken out the padding which I had to add to make the rest of the text (in another cell) not be on top of the edge of the column and that didn't seem to have an effect!

Any advice?
Thanks
Stephen


_____________________________

I Lost My Stuff - If you lost it, someone found it!
caz

 

Posts: 3626
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline

 
RE: Lists - 5/26/2005 9:36:57   
Have you given a width to the nav column? Otherwise without a url, or code it's a wee bit difficult to help.
Cheers
Carol

_____________________________

Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk

I remember when it took less than 4hrs to fly across the Atlantic.

(in reply to CelticDragon)
CelticDragon

 

Posts: 227
Joined: 11/14/2003
From: Dublin, Ireland
Status: offline

 
RE: Lists - 5/27/2005 5:10:05   
Hi Carol,

The code of the nav column is:

td.navmain {
background-image: url('images/navmain.jpg');
background-repeat: repeat-y;
padding-left: 10px;
padding-right: 7px;
padding-top: 3px;
padding-bottom: 3px;
}

The padding on the left and right is because the image in the background has a border and drop shadow on it so the text needs to be padded in a bit to stop it from sitting up on the edges!

Thanks
Stephen




_____________________________

I Lost My Stuff - If you lost it, someone found it!

(in reply to caz)
jaybee

 

Posts: 14207
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Lists - 5/27/2005 5:25:50   
Stephen, that's not enough info. The cells may be affected by table or div positioning. Don't forget css properties are inherited in a lot of cases so something higher up the structure can be affecting your positioning.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to CelticDragon)
caz

 

Posts: 3626
Joined: 10/10/2001
From: Somewhere south of Chester, UK
Status: offline

 
RE: Lists - 5/27/2005 7:51:53   
As a stab in the dark, without seeing the rest of the css or html, try putting an explicit width on the column to contain the content within limits.

_____________________________

Do not meddle in the affairs of cats, for they are subtle and will dance, or more on your keyboard.
Cheshire cat. www.doracat.co.uk

I remember when it took less than 4hrs to fly across the Atlantic.

(in reply to jaybee)
c1sissy

 

Posts: 5087
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: Lists - 5/27/2005 8:29:18   
Caz, deleted your double post for you :)

CD, try doing this in your styles code
* {
margin: 0px;
padding: 0px;
}

What this does is totally elimnate any padding and margins that are default through out the whole site that you are styling, leaving you being able to add them as you need them.  You could have some default margins and padding interfering with what you are doing.

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to caz)
Donkey

 

Posts: 3929
Joined: 11/13/2001
From: Blackfield United Kingdom
Status: offline

 
RE: Lists - 5/27/2005 12:10:49   
quote:

try doing this in your styles code
* {
margin: 0px;
padding: 0px;
}


Thanks Deb, that useful tip just saved me from doing it the slow way - going through and applying the zeroes to everything one by one.

_____________________________

:)

I have a higher and grander standard of principle than George Washington. He could not lie; I can, but I won't.
Samuel Clemens

(in reply to c1sissy)
c1sissy

 

Posts: 5087
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: Lists - 5/27/2005 12:22:26   
No problem my friend! Its taking me forever to get this stuff down, but at least I know I am providing some useful information along the way :):)

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to Donkey)
jaybee

 

Posts: 14207
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Lists - 5/27/2005 12:43:13   
Tip for you all.

First line in your style sheet:

html, body{border:0; margin:0; padding:0;}

Set everything to zero before you start.


_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to c1sissy)
c1sissy

 

Posts: 5087
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: Lists - 5/27/2005 12:53:57   
This (*) is the universal selector, which when placed in a style rule as I have shown above lets you style even the html and body if you wish with a margin or padding as some people sometimes do.

I have come across this in many books and oneline groups dealing with css and this is a recomendation that appears to be used by many.

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to jaybee)
jaybee

 

Posts: 14207
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Lists - 5/27/2005 14:28:10   
Duh, I missed that completely. Yes, * works. Make sure you put border 0 in as well as padding and margin so you get no shifts.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to c1sissy)
Page:   [1]
OutFront Discoveries

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Lists
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts