Hopefuly easy CSS question

[foolishone]

I got lost in the other CSS post.

So, I have my styles at style.css with all my div's

I have my page the with the info i want in my div's at index.html

Everything works fine, the styles apply themselves when I open index.html. Horray!!! But a template, how would I change just the one div, lets say "#body" or "body", without changing the other divs and without having to code the other divs on every single page. Don't want the style necessarily to change but the content in the div. Can you, without going to pHp?

From what I understand, and please correct me because I am learning, you create every page that you want and the styles just apply themselves according to the link, so its not really a "layout template", but a "appearance template", if you get what I am saying? I don't know.

Please enlighten me. I will follow the other post to see what I can get.

^fo

[Cheryl]

I'm not sure if I'm reading your question right..but I'll try anyway

If you're using dreamweaver...When you build your template, you have your editable & non-editable regions. If your "body" div is in a non-editable region, when you change the template & save it, you will be asked if you want to apply the changes to all pages based on that template. If the "body" div is in an editable region, you would have to change each page individually. In the templates I use, the top (site navigation & logo), side (content navigation) & bottom (contact info) are in non-editable regions, it should stay the same for each page - the content is editable because that is what changes with each page.

Hope I'm making sense...

Cheryl

[foolishone]

I got what you are saying. I will try it later on.


EDIT: Is this in CSS? Was playing around with an HTML template, because I like HTML, and I liked it, (I assume it is similar to CSS template) opened the template with the uneditable regions greyed out, inserted my text saved as something else, and done. To change the site, I would have to upload every file again.

In the end, my question is "Is there a, or what is the, way to have any given page "reach" for the template, in CSS, I think its possible, instead on HTML because of the uploading?(External CSS?)

Was also considering of doing in pHp, but I want to learn how to do it in CSS first.

^fo

[9600baud]

Hey I can help any CSS q you have but I'm not sure about what are you trying to do.... when you say "div" are you referring to actual div tags? the body tag is not a div tag, you can set their appearances individually... help me out w/ understanding and i'll do my best to help you out.

[foolishone]

Let me take a step back and ask a question.

Please explain to me how CSS becomes a template, when I do not add text under any class/id, or anything else, I only add line-spacing, text-align, color, text-decoration, etc. How does changing the text color of, lets make it external, ever page on the site, make it a template? Like I said previously it is a style template, also hence the name, not a "column here, header, footer there, put this dynamic text in the footer and this dynamic text in the header", layout type of template, similiar to frames? I know I don't get it, so....

^fo

[9600baud]

well CSS can be applied to anything you want. in HTML pages, everything is an object thus you can apply style properties to that object only.

Lets say you want all the text in your BODY to be Verdana 12pt and red. So in your CSS file you'd type

BODY
{
font-family: Verdana;
font-size: 12pt;
color:#FF0000;
}

Then every text in your page will look like that. You can apply specific style to different parts of the page as well

like
TABLE
{
...
}

so all tables will look like that. If you want to change only ONE table, not all, you can name it a special class.

TABLE.yourclassname
{
...
}

then in your table tag you'd type CLASS='yourclassname'

Hope that helps