lists

Cullen411 · Dec 21, 2005

Below is my code, I've done a bit of research on this and can't seem to find an answer. When I run the page the list actually sits out from the viewport, how can I get it right on or beside the left hand side.

css
ul {list-style-type:none;margin-left:0;padding-left:0}
li {margin-left:0;padding-left:0}

html

<body>
<ul>
<li>link1</li>
<li>link2</li>
</ul>

</body>

thank you.

BabyJeffy · Dec 21, 2005

You need to sort out the margin/padding on the body first:

Code:

body {margin:0;padding:0;}

Hope that sorts it for you.

Cheers,
Jeff

[tt]Jeff's Page @ Code Couch

http://www.codecouch.com/jeff/

http://www.codecouch.com/jeff/blog/

[/tt]

What is Javascript? FAQ216-6094

Foamcow · Dec 21, 2005

It's worth noting that different browsers apply different default values to margin and padding on various elements.

I find it useful to put everything on an even playing field right from the start using something like:

Code:

html * { margin:0; padding:0; }

This will set everything to no have a margin or padding, letting you specify them as and when you need.

The "html" isn't strictly necessary but I kind of prefer it in there as I think it makes things clearer.

Foamcow Heavy Industries - Web design and ranting
Buy Languedoc wines in the UK

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

lists

Cullen411

Programmer

BabyJeffy

Programmer

Foamcow

Programmer

Similar threads

Part and Inventory Search

Sponsor