Newbie CSS Question

Hiya,

First off I'm using the Dreamweaver 2col_leftnav.css file here. I'm using
it for most of the pages on my website. I want my home page to stay static,
but I want the rest of the pages to be a little bit different. When the user
follows link "A" I want Page "A"'s fonts and background to change without
changing the format of the home page. How can I do this? understand?

Tracey

Hi Tracey,

It sounds like what you want to do is have different formatting on different
pages is that correct? Assuming it is, I'll explain what to do.

Each page will have a CSS file linked to it. you can find this in the header
of the document, "<link rel="stylesheet" href="2col_leftNav.css"
type="text/css">"

The CSS file formats the pages it is linked to as is the case with the pages
you have created. If you want the formatting to be different, there are two
basic options: attach a different CSS file to the pages or create new CSS
definitions in the style sheet that is already attached. (instead of

h1{
font-family: Verdana,Arial,sans-serif;
font-size: 120%;
color: #334d55;
}

you could create

h1A {
font-family: Verdana,Arial,sans-serif;
font-size: 120%;
color: #334d55;
}

I recently developed a site that does exactly this. I chose to use two style
sheets, one for the home pages, or section home pages and one for the articles.
This took care of my heading 1 being a certain way on my home page and then
heading 1 looking different on pages that were articles for example.

To create a new style just do it in the CSS file or using the design panel.
You'll obviously want to reuse a lot of CSS formatting from the orignial style
sheet. Just create a copy, rename it to what ever you want, edit the styles and
apply it to the pages you want it to apply to.

If you're not sure how to attach the new style sheet, just change the file
name in the document header, or click the link button on the design panel,
browse to the new file and click link. Don't embed as changes to the style
sheets aren't updated if you make them later.

Hopefully this is pretty easy to follow. If you're not sure how to modify the
style sheet or create your own one, just e-mail me at blair (AT) richmedia (DOT) co.nz..

Good luck.

"Tracey M" <webforumsuser (AT) macromedia (DOT) com> wrote

Hiya,

First off I'm using the Dreamweaver 2col_leftnav.css file here. I'm
using
it for most of the pages on my website. I want my home page to stay
static,
but I want the rest of the pages to be a little bit different. When the
user
follows link "A" I want Page "A"'s fonts and background to change without
changing the format of the home page. How can I do this? understand?

These should help you learn to do what you are after:

http://www.thepattysite.com/pseudoclass.cfm
http://www.mako4css.com


--
Nadia
---------------
http://www.DreamweaverResources.com
Free Templates | Free Nav Bar Sets
Dropdown Menu Designs | CSS Layouts
Ecommerce - YVStore | SEO Articles
Table Tutorials | Background image Tutorials
------------------------------------------------
Team Macromedia Volunteer for Dreamweaver
http://macromedia.com/devnet/mx/dreamweaver/
-----------------

"The Law" <webforumsuser (AT) macromedia (DOT) com> wrote

you could create

h1A {
font-family: Verdana,Arial,sans-serif;
font-size: 120%;
color: #334d55;
}

Are you sure? What would that do actually ?

--
Nadia

Team Macromedia Volunteer for Dreamweaver
---------------
http://www.DreamweaverResources.com
Free Templates | Free Nav Bar Sets
Dropdown Menu Designs | CSS Layouts
Ecommerce - YVStore | SEO Articles
Table Tutorials | Background image Tutorials
------------------------------------------------
Dreamweaver Tutorials
http://macromedia.com/devnet/mx/dreamweaver/
-----------------

What would that do actually ?

Nothing.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

".: Nadia TMM :." <forums@-ozzie-perrelink.com.au> wrote

"The Law" <webforumsuser (AT) macromedia (DOT) com> wrote in message
news:cemtjo$rlb$1 (AT) forums (DOT) macromedia.com...

you could create

h1A {
font-family: Verdana,Arial,sans-serif;
font-size: 120%;
color: #334d55;
}


Are you sure? What would that do actually ?

--
Nadia

Team Macromedia Volunteer for Dreamweaver
---------------
http://www.DreamweaverResources.com
Free Templates | Free Nav Bar Sets
Dropdown Menu Designs | CSS Layouts
Ecommerce - YVStore | SEO Articles
Table Tutorials | Background image Tutorials
------------------------------------------------
Dreamweaver Tutorials
http://macromedia.com/devnet/mx/dreamweaver/
-----------------

(My bad, omitted the "#" symbol.) Sorry I meant,

#h1A {
font-family: Verdana,Arial,sans-serif;
font-size: 120%;
color: #334d55;
}

A custom style in the original CSS file for use on pages other than the home
page. You could obviously call it anything.

How would you then use that? And why? Are you losing the advantage of the
semantic markup of the <h1> tag by using it?

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"The Law" <webforumsuser (AT) macromedia (DOT) com> wrote

(My bad, omitted the "#" symbol.) Sorry I meant,

#h1A {
font-family: Verdana,Arial,sans-serif;
font-size: 120%;
color: #334d55;
}

A custom style in the original CSS file for use on pages other than the
home
page. You could obviously call it anything.

Thank you



--
Jamie
For every door that closes, A window opens.
".: Nadia TMM :." <forums@-ozzie-perrelink.com.au> wrote

"Tracey M" <webforumsuser (AT) macromedia (DOT) com> wrote in message
news:cemi7v$gq5$1 (AT) forums (DOT) macromedia.com...
Hiya,

First off I'm using the Dreamweaver 2col_leftnav.css file here. I'm
using
it for most of the pages on my website. I want my home page to stay
static,
but I want the rest of the pages to be a little bit different. When the
user
follows link "A" I want Page "A"'s fonts and background to change
without
changing the format of the home page. How can I do this? understand?

These should help you learn to do what you are after:

http://www.thepattysite.com/pseudoclass.cfm
http://www.mako4css.com


--
Nadia
---------------
http://www.DreamweaverResources.com
Free Templates | Free Nav Bar Sets
Dropdown Menu Designs | CSS Layouts
Ecommerce - YVStore | SEO Articles
Table Tutorials | Background image Tutorials
------------------------------------------------
Team Macromedia Volunteer for Dreamweaver
http://macromedia.com/devnet/mx/dreamweaver/
-----------------

---
Outgoing mail is certified Virus Free.
Checked by AVG anti-virus system (http://www.grisoft.com).
Version: 6.0.733 / Virus Database: 487 - Release Date: 8/2/2004