css templates (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message

c1sissy -> css templates (10/17/2003 7:38:12)

I found this site while looking at information on css. It has templates that you can download and play with for different layouts.

http://www.ssi-developer.net/main/templates/

This site also has some other interesting things on here that are well worth reading.



erinatkins -> RE: css templates (10/17/2003 10:32:46)

Pretty cool site. :-)

Nice examples also.



c1sissy -> RE: css templates (10/17/2003 10:42:19)

I thought that they would be good learning examples of how to lay out the various sites.

One thing though as I was looking at the styles on one of them, I noticed that they use ID more then once.

My understanding of ID is that you only use it one time per document. Its on the two column fixed width with header and footer template. I haven't really looked at the rest yet, though Have downloaded them to look at them.



erinatkins -> RE: css templates (10/17/2003 11:01:27)

That was my understanding also.

I thought with the ID selector you identify an element to be an *unique instance* in a document.

You assign this element a name, like the NAME attribute of a form element, and it can be applied only once in a document, and this style rule with the ID selector can only apply to one single element.

Maybe they changed this?



c1sissy -> RE: css templates (10/17/2003 11:13:49)

No, nothing that I Have read has changed in regards to the id.

I would imagine where he has id listed you could change this to class. If you notice the css for the template that I mentioned above he actually has two style sheets. One is for for layout, the other is for presentaion, It looks like how he is doing this is the two sides he is styling and then he is styling the content? If I am making sense here. I know what I want to say, but don't know if it is coming across as I wish, lol.



Gil -> RE: css templates (10/18/2003 18:29:02)

ID Selectors
[CSS1|CSS2] [IE3|N4|O3.5]
Description:
This selector was designed to match the value of the HTML 'ID' attribute, but SGML/XML both allow the ID attribute value type. With this type of attribute, each element in a document can have a uniquely referenceable label. This Selector syntax precedes the attribute value with a pound symbol ("#".) An element name or Universal Selector may be used in front of the ID Selector, but it is not necessary. The effect of this selector can also be achieved using an Attribute Value Selector, but this form of Selector has a higher cascading precedence.
Syntax:
#[ID Label] { [Declaration Block] }

For some really great CSS templates look here: http://www.templateroad.com/products/customer/home.php?cat=256



c1sissy -> RE: css templates (10/18/2003 19:02:34)

Ok Gil, I havn't gotten into id's yet with css. What I have read says that you can only use id once per document.

Are you saying that you can use it more then once? Am I missing something in your explaination?[&o]

Thanks for the link for the templates, they are really nice ones! (did you do them?)

I think that the site that I listed was more for learning how to set up the different types of sites with css. More of a play around with the code and see what you can come up with type deal. Does that make sense?



Gil -> RE: css templates (10/18/2003 20:56:30)

I've never heard of a "only one ID per document rule"


You might be thinking that no two ID's can share the same value within a document?

From the w3c.org site:

ID selectors
Document languages may contain attributes that are declared to be of type ID. What makes attributes of type ID special is that no two such attributes can have the same value; whatever the document language, an ID attribute can be used to uniquely identify its element. In HTML all ID attributes are named "id"; XML applications may name ID attributes differently, but the same restriction applies.

The ID attribute of a document language allows authors to assign an identifier to one element instance in the document tree. CSS ID selectors match an element instance based on its identifier. A CSS ID selector contains a "#" immediately followed by the ID value.

http://www.w3.org/TR/CSS2/selector.html#id-selectors



c1sissy -> RE: css templates (10/18/2003 22:51:49)

Ok, now I am totally confused. i could see maybe mis reading something but I notice that Erin has read somethign basically the same as I have.

I see I have lots more reading to do, btw, thanks for the link Gil, I appreciate it.

I'm off to read more.

just sign me
SOOOO Confused!



Nancy -> RE: css templates (10/18/2003 23:06:35)

http://www.w3.org/TR/REC-CSS2/selector.html

section 5.9 is on ID's

Nancy



c1sissy -> RE: css templates (10/19/2003 8:16:43)

thanks for the link Nancy, I'm off now to print it out for reference and reading.

<edit> same link as Gill gave as well, thanks to both of you.</edit>



Gil -> RE: css templates (10/19/2003 11:03:24)

quote:

(did you do them?)


ROTFLMAO !!!!!!!!!!!!!

Nope, I'm graphically challenged [;)] These are from a couple of extremely talent friends...



c1sissy -> RE: css templates (10/19/2003 11:30:22)

quote:

ORIGINAL: Gil

quote:

(did you do them?)


ROTFLMAO !!!!!!!!!!!!!

Nope, I'm graphically challenged [;)] These are from a couple of extremely talent friends...


your friends did a great job, [;)]



c1sissy -> RE: css templates (10/20/2003 20:55:40)

Nancy and Gil:
Ok, now with class you can use it basically as much as you wish right?

Id, I think I might have it. Pardon my goofy example, lol

You can use id for something, but not for something else. If you want an id on something else, you can't use it on something. ?



Page: [1]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.078125