CSS needs checking

[cocoonfx]

Hi guys


I have only just started to learn CSS in the last 3 weeks. (i think i picked up very quickly!). Is it possible for someone to look at my code to see if it is the most efficent or if i have missed vital bits out.

Also does it matter the order the containers (if there called that) are located. I.e Does #Body have to be at the top and #footer at the bottom.

Or does it not matter.

Also can you get css to change the appearance of a box. Say i have a <div id = "Test"> and i want to make the corners rounded is this posssible? Or is CSS limited to just controlling colours,text,location etc..

www.cocoonfxmedia.co.uk

[MikeHopley]

Originally Posted by cocoonfx

Also can you get css to change the appearance of a box. Say i have a <div id = "Test"> and i want to make the corners rounded is this posssible?

Yes, you can. You need to use CSS background images. Unfortunately, since you can only apply one background image per element, you need lots of extra nested <div>s.

Here's a fully flexible method (will work with any size box):

http://www.webcredible.co.uk/user-fr...-borders.shtml

[Lchad]

Looks good to me. The only thing I'm not sure is just right is the navigation. But I'm not great at li's at all.

It's best to go in order of how you want things to layout in my opinion - one example:
Header
Navigation
Content
Footer

If you put them in order, they will appear in that order.
If you put the footer first, the rest of the content will have to be absolute positioned which is not ideal.

[cocoonfx]

Thank you for your quick response. Ok i better tidy my code up then....

My other question can CSS add like rounded corners to boxes?

[karinne]

See Mike's reply

[Lchad]

Yes Mike gave you a link above.
Here is another list of ways to do rounded corners.
http://www.smileycat.com/miaow/archives/000044.php

[cocoonfx]

Cheers guys


I will have a look at the links. I am also going to change me nav bar as its a bit naf. So watch this space....