How do I reference an Object ID in my CSS?

[vikenk]

Hello,

This is my first post to this group. A little background first: I'm not
not new to web-design, but new to manual coding :>) I'm trying to move
from total dependence on FrontPage to more manual coding and
positioning. So far I think I've done OK for a newbie (you can go to
http://home.comcast.net/~vikenk to see my latest site, which is based
mostly on a CSS). But now I have a question:

I'm trying to position a Java Applet using CSS. I've given my applet an
ID, as follows:

<applet code="slideways.class" ID="slide">

Now, when I want to position this in my CSS sheet, how do I reference
the ID? Would I write something like:

id.slide {height;width;my positioning info}

I've gone to W3 Schools online and foud nothing specific about this.

I suppose the big-picture question here is: Would/Should I even do that
at all? Would it be more "proper" to just create a Style in my CSS then
apply that to the Applet? So then my CSS would include:

..slide {height;width;my positioning info}

and my HTML tags would look like:

<applet code="slideways.class" class="slide">

Any replies would be greatly appreciated. Again, I'm still a relative
newbie to CSS and coding, so some of the above may not even make total
sense :>)

Thanks in advance,

Viken K.

[Benjamin Niemann]

vi****@aol.com wrote:

Hello,

This is my first post to this group. A little background first: I'm not
not new to web-design, but new to manual coding :>) I'm trying to move
from total dependence on FrontPage to more manual coding and
positioning. So far I think I've done OK for a newbie (you can go to
http://home.comcast.net/~vikenk to see my latest site, which is based
mostly on a CSS). But now I have a question:

I'm trying to position a Java Applet using CSS. I've given my applet an
ID, as follows:

<applet code="slideways.class" ID="slide">

Now, when I want to position this in my CSS sheet, how do I reference
the ID? Would I write something like:

id.slide {height;width;my positioning info}

I've gone to W3 Schools online and foud nothing specific about this. The way to reference elements by their id is:

#slide { ... }
I suppose the big-picture question here is: Would/Should I even do that
at all? Would it be more "proper" to just create a Style in my CSS then
apply that to the Applet? So then my CSS would include:

.slide {height;width;my positioning info}

and my HTML tags would look like:

<applet code="slideways.class" class="slide"> Use id, if your element is *unique*, e.g. if the CSS rules are only used for
this specific applet. An id identifies a specific element that only appears
once on a page.
Use class, if the CSS rules (may) apply to several elements that all belong
to this class.
For beginners, using only classes may be sufficient. Advantages of ids are,
that #foo rules have higher precedence than .foo rules and elements with an
id are easier to use when working with JavaScript.

Any replies would be greatly appreciated. Again, I'm still a relative
newbie to CSS and coding, so some of the above may not even make total
sense :>)

As a side note: the <applet> tag is deprecated, you should (or must,
depending of the doctype you use) use <object> instead.
Hope this helps,
Benjamin

--
Benjamin Niemann
Email: pink at odahoda dot de
WWW: http://www.odahoda.de/

[C A Upsdell]

vi****@aol.com wrote:

Hello,

This is my first post to this group. A little background first: I'm not
not new to web-design, but new to manual coding :>) I'm trying to move
from total dependence on FrontPage to more manual coding and
positioning. So far I think I've done OK for a newbie (you can go to
http://home.comcast.net/~vikenk to see my latest site, which is based
mostly on a CSS). But now I have a question:

I'm trying to position a Java Applet using CSS. I've given my applet an
ID, as follows:

<applet code="slideways.class" ID="slide">

Now, when I want to position this in my CSS sheet, how do I reference
the ID? Would I write something like:

id.slide {height;width;my positioning info}
Do applet#slide {height;width;my positioning info;}
I suppose the big-picture question here is: Would/Should I even do that
at all? Would it be more "proper" to just create a Style in my CSS then
apply that to the Applet? So then my CSS would include:

.slide {height;width;my positioning info}

and my HTML tags would look like:

<applet code="slideways.class" class="slide">

Any replies would be greatly appreciated. Again, I'm still a relative
newbie to CSS and coding, so some of the above may not even make total
sense :>)

The key difference between using id and class is that you can have only
one instance of a given id on a page, whereas with class you can have
many. E.g. you can have id="a" and id="b" on a page, but you can't have
id="a" in one tag and id="a" in a second tag on the same page. Whereas
you can have class="a" appear as many times on a page as you wish.

[vikenk]

Thank you both very much!