Hi Guys,

On my site I am having a problem with aligning a list inside a div.

If you take a look at http://www.smarterwebdesign.co.uk/logos.php you can see that where it says "Smarter Webdesign" on the right it is aligned to the right.

I have tried everything I can to get it back to the left but I can't seem to figure out how.

The classes around it are:

#worknav
#worknav ul
#worknav li

I have played about with all of these with no luck.

Can anybody help?

Thanks

Adding to the div that they are in. For Example:

<Style>
#worknav {
text-align: left;
}

#worknav li {
padding: 0px;
margin: 0px;
}
</style>

Hi,

I have tried that and tried other different things but it doesn't seem to want to budge back over

Thanks

Nick

2 Things I think :

1. add a background:red for instance on the <li> css and see the start of it on the left ... if the red bg. starts from where u want the text to start .. do this:
- just add a margin:0px; padding:0px; to the <li> css (don't forget to remove the bg-color)

2. try adding an align="left" to the <ul> directly.

Hope that helps .
Anshoo

You have several text-align:center in the css for the various #rightbar and #worknav. Remove them.

Why do you have clear:left on the UL ?? If you're trying to clear the float on the div, this is the wrong place to do it.

Adding padding: 0; to ul#worknav will bring the list back to center. If you want it left, then you have to remove the text-align: center that's in there.

Also, you've got a height on the list of 10px. This is not big enough to contain the actual list text - I made it 1.2em and it worked much better.

Thankyou for your replies.

LadynRed

Thankyou for your help.

I had not noticed about the height being so small but that is now sorted as well as the issue I first asked about.

Again, thanks