[davefromscratch]

This is basic stuff and im quite new to this but can someone explain the difference between styles using # and . and ones without. I can't find any basic sites explaining it and its just totally confusing me at the mo!!?

And how from a linked external css file can you get all the page margins to zero or do you have to do that in the actual page?

Im also looking to have a constant footer at the base of my page say 40px tall but when i put it in it lines up completely differently to the rest of the page?

Thanks for any help
Dave

[emil]

# = ids - these are unique can only be applied once per page (div id="header")
. = classes - these can be applied to several items on the same page, and can be combined (<p class="whiteText">, <a class="whiteText">, <p class="witheText bold">)
there is no sign before HTML tags (body, div, a, etc)

to have zero margins use in your CSS
body {margin:0px; padding:0px;}

[pgo]

Originally Posted by emilpaun

to have zero margins use in your CSS
body {margin:0px; padding:0px;}

Actually, that would just put zero margin/padding on "body".

To remove all margins and padding from every HTML element on the page, I always start my stylesheets with...

* {
padding: 0;
margin: 0;
}

[emil]

I thought that was what he meant by page margins?

[davefromscratch]

Ok cheers guys, in terms of making say a box which is it better to use a (#) or (.) style

And why has PGO used a (*)

*{
padding: 0;
margin: 0;
}

what does that symbolise is that refering to everything instead of putting body there?

[Cborrow]

If you are making a box you can do it with eiter Id's or Class's but try an ID, like something like this.

<div id="box">
<p>
</p>
</div>

/*your css*/
#box {
padding: 5px;
margin: 0px;
width: 200px;
height: 200px;
border: #000000 solid 1px;
}

That will make you a 200x200 box with a black border. But I think you sould already know that.
Any way just try something like that.

Oh, and yes the * is for all like you can use that in PHP (SELECT * FROM table).

Hope that helped.

[Luke Redpath]

Originally Posted by Cborrow

Oh, and yes the * is for all like you can use that in PHP (SELECT * FROM table)..

Er, thats SQL, not PHP.

[davefromscratch]

Wicked Guys that me sorted with a better understanding! But why can you creates boxes with both # and . and which is best to use? This one #?

[Cborrow]

Originally Posted by Luke Redpath

Er, thats SQL, not PHP.

lol, yeah I was thinking of adding SQL in with PHP with the mysql_query();

[emil]

Originally Posted by davefromscratch

Wicked Guys that me sorted with a better understanding! But why can you creates boxes with both # and . and which is best to use? This one #?

http://www.tizag.com/cssT/cssid.php