[iOliverC]

Hey guys,

I'm having a weird CSS problem with a site I'm making, basically. I have a menubar on left thats vertical. I want to use links with <li>'s. But when I do, a space is left at the top. This is what I mean:



If I put some text out of the [ul] this is what it looks like:



Here is my code:

Code:
<ul id="navigationList">
<li><a href="f">Item1</a></li>
<li><a href="f">Item1</a></li>
<li><a href="f">Item1</a></li>
<li><a href="f">Item1</a></li>
</ul>

And my CSS code:

Code:
#navigationList {
	padding-left: 4px;
	margin-left: 0px;
	width: 177px;
}

Thanks,
Oliver

[Millennium]

I see the problem.

Put padding: 0 on #navigationList.

Once you've done that, use "#navigationList li" as your selector to deal with things that go on your listItems. So an example might look like this:

Code:
#navigationList {
    padding-left: 4px;
    margin-left: 0px;
    width: 177px;
}

#navigationList li {
    /* style your links here */
}

Note that anything in a "navigationList li" block will only apply to list items inside #navigationList. This lets you style any list items outside #navigationList normally.

[iOliverC]

Hmm, so I put padding in navigationList and followed what you said and that didn't seem to work. Would you mind looking at the html/css?

Heres the url:

http://www.talacia.com/sites/puertob...ents/index.php

And the CSS file:

http://www.talacia.com/sites/puertob...nts/global.css

Thanks,
Oliver

[Synotic]

Originally posted by iOliverC:
Hmm, so I put padding in navigationList and followed what you said and that didn't seem to work. Would you mind looking at the html/css?

Heres the url:

http://www.talacia.com/sites/puertob...ents/index.php

And the CSS file:

http://www.talacia.com/sites/puertob...nts/global.css

Thanks,
Oliver

Try margin: 0; on your navigation list. Also if you're just using 0 as a value then you don't use "0px" rather just "0".

[iOliverC]

The margin: 0 thing did it, thanks all for the help .

Thanks,
Oliver

[Millennium]

Originally posted by Synotic:
Try margin: 0; on your navigation list. Also if you're just using 0 as a value then you don't use "0px" rather just "0".

Technically you can omit the "px" from the 0, but it's generally not the greatest of ideas to do so, at least not while you're debugging. It can make changing lengths a little more of a hassle if you need to do so for some reason.