[CSS] What is the difference between an ID and a CLASS?

[Neo824]

My question is in the title, but I will restate it. What is the difference between an ID and a Class in CSS?

Thank You

[agentxi]

CSS Tutorial - ID vs Class

[tamlin]

Originally Posted by Neo824

Thank you for being one of the few people that respond to my questions.

Believe it or not, we are not a Technical Support helpline. The members at BioRUST do not constantly monitor the boards, searching for problems to solve. If someone happens by who can help, they usually will do, but comments like the above and this one: http://forums.biorust.com/html-php-a...html#post45669 (CSS - Rollover image problem with IE) won't make people come to your aid any quicker. Probably the reverse, actually.

[Neo824]

Originally Posted by tamlin

Believe it or not, we are not a Technical Support helpline. The members at BioRUST do not constantly monitor the boards, searching for problems to solve. If someone happens by who can help, they usually will do, but comments like the above and this one: http://forums.biorust.com/html-php-a...html#post45669 (CSS - Rollover image problem with IE) won't make people come to your aid any quicker. Probably the reverse, actually.

I'm sorry...I am just frustrated about a problem that I am having with my website.

[tamlin]

No probs - I know what it's like when things aren't working and you don't know where to turn!

I noticed you've posted a few questions: are these all related to the same problem you're having? Maybe if you could give a bit more detail as to what you're trying to do and any error messages you're getting and stuff like that, it would give people more of an idea of how to answer your questions.

[Neo824]

Originally Posted by tamlin

No probs - I know what it's like when things aren't working and you don't know where to turn!

I noticed you've posted a few questions: are these all related to the same problem you're having? Maybe if you could give a bit more detail as to what you're trying to do and any error messages you're getting and stuff like that, it would give people more of an idea of how to answer your questions.

No, they are not all related. xD I just ask a lot of questions. The only REAL problem that I am having, is the CSS problem. This page: EOSS - Endless Online Super Speed works fine in Mozilla Firefox...but in Internet Explorer the rollovers and links do not work and the margins are messed up. I've asked a lot of people, none have been able to help me. Any help will be appreciated!

Thank you -
Neo

[Gjbphp]

An ID is a unique identifier, like a social security number or so, where as a class can be used by any element on a page. You can also set styles by id. For example, your element id is "my_id". You could do a css such as

#my_id{font-weight:bold;}

[notjustgraphics]

AgentXI's link is very helpful...

Actually, i learned a couple of things.

Still, the basic prinicple is that an ID assigns formatting that is unique whereas a CLASS assigns formatting that may apply to more than one object.

Indeed a DIV assigned an ID could also have a CLASS.

An example would be to use unique ID's to position a div while the CLASS assigned to it controls it's appearance such as border's, colors, text-alignments, etc...

Mike.

#myDiv1 {
  width:100px;
  float:left;
}

#myDiv2 {
  width:200px;
  float:right;
}

.myClass {
  border:1px solid #fff;
  text-align:center;
  font-size:10px;
}

<div id="myDiv1" class="myClass">
This div will be 100px wide and float left. The contents will be center aligned @ 10px font size. It will have a 1 pixel solid white border.
</div>

<div id="myDiv2" class="myClass">
This div will be 200px wide and float to the right. The contents will also be center aligned @ 10px font size. It too will have a 1 pixel solid white border.
</div>