div in css

[ds67]

Hello all:

I've been reading a lot about the CSS use instead of tables and find it very interesting. I don't really know what to search for so here is my question. I've used various #div tags but would like to know when would I use this and when would I use the tag with just a . and them the name. For example, .link or #link

Looking at the code below, did I use this correctly or should have incorporated something else? Seems to look good in a browser though.


body#main{background:#011FBF;}

table{border: none;padding:0px 0px 0px 0px;}

td {
border: none;
padding:0px 0px 0px 0px;
}

td#links {
background:url(images/newsite/headerfade456.jpg);
padding:0px 0px 0px 0px;
width:750px;
height:48px;
}




p {
margin-top:30px;
margin-left:50px;
margin-right:50px;
text-align:justify; color:#000000;
text-indent:0pt; letter-spacing:.0em;
font:normal 10pt "Tahoma", "Verdana", "Arial"
}

#headerlinks {
margin:3px 0px 0px 0px;
}

#headerlinks ul {
text-align: right;
margin-left: 0;
padding-left: 0;
}

#headerlinks li {
list-style-type: none;
font-family:eurostile, sans, verdana;
font-weight:bold;
font-size:12pt;
color:#000000;
text-align:right;
text-indent:0pt;
letter-spacing:.0em;
padding: 0px 30px 0px 0px;
display: inline;
}





#email a{
margin:0px 0px 0px 0px;
text-align:center;
color:#000000;
text-indent:0pt;
letter-spacing:.0em;
font:bold italic 8pt "Verdana", "Arial"
}

#email a:hover{
margin:0px 0px 0px 0px;
text-align:center;
color:#011FBF;
text-indent:0pt; letter-spacing:.0em;
font:bold italic 9pt "Verdana", "Arial"
}

#copyright {
margin:0px 0px 0px 5px;
text-align:left;
color:#000000;
text-indent:0pt;
letter-spacing:.0em;
font:italic 8pt "Verdana", "Arial"
}

#pagetitle {
margin:0px 25px 0px 0px;
text-align:right;
color:#000000;
text-indent:0pt;
letter-spacing:0em;
font:bold 14pt "Eurostile", "Verdana", "Arial"
}










#footerlinks {
margin:0px 0px 0px 0px;
}

#footerlinks ul {
text-align: center;
margin-left: 0;
padding-left: 0;
}

#footerlinks li {
list-style-type: none;
font-family:eurostile, sans, verdana;
letter-spacing:.0em;
font-weight:bold;
font-size:10pt;
padding: 0px 5px 0px 7px;
border-left: 1px solid white;
display: inline
}


Thanks so much,

[Sman5109]

Hello all:

I've been reading a lot about the CSS use instead of tables and find it very interesting. I don't really know what to search for so here is my question. I've used various #div tags but would like to know when would I use this and when would I use the tag with just a . and them the name. For example, .link or #link

Hello, #XXX is used for Divs ids and .XXX is used for classes. Heres (http://www.tizag.com/cssT/class.php) a good site on classes.

[abduraooft]

Hello, #XXX is used for Divs and .XXX is used for classes. Heres (http://www.tizag.com/cssT/class.php) a good site on classes.

#XXX is used for ids
Is that correct :thumbsup:

[_Aerospace_Eng_]

Read this http://bonrouge.com/~faq#class-id