applying external style sheets

01-25-2008

Rookie here, sorry.

I use dreamweaver.

My code is:

<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<link href="/header.css" rel="stylesheet" type="text/css">
<link href="/left.css" rel="stylesheet" type="text/css">
<link href="/right.css" rel="stylesheet" type="text/css">
<link href="/body.css" rel="stylesheet" type="text/css">
<link href="/footer.css" rel="stylesheet" type="text/css">
</head>

So the external css sheets are linked within the page.

But I don't understand how to get into the page and start putting
things into the header, footer etc. In dreamweaver the help talks
about seeing it in the window but in the css window I don't see the
styles. I see the them in the folder. I'm lost and I know it's
something silly, but I cant seem to figure it out. I'm moving from
tables to css design so I'm sorry for the very rookie question.

Dave

01-25-2008

On Jan 25, 11:36 am, iamdave <sa...@proaudiomusic.com> wrote:
> Rookie here, sorry.
>
> I use dreamweaver.
>
> My code is:
>
> <meta http-equiv="Content-Type" content="text/html;
> charset=iso-8859-1">
> <link href="/header.css" rel="stylesheet" type="text/css">
> <link href="/left.css" rel="stylesheet" type="text/css">
> <link href="/right.css" rel="stylesheet" type="text/css">
> <link href="/body.css" rel="stylesheet" type="text/css">
> <link href="/footer.css" rel="stylesheet" type="text/css">
> </head>
>
> So the external css sheets are linked within the page.
>
> But I don't understand how to get into the page and start putting
> things into the header, footer etc. In dreamweaver the help talks
> about seeing it in the window but in the css window I don't see the
> styles. I see the them in the folder. I'm lost and I know it's
> something silly, but I cant seem to figure it out. I'm moving from
> tables to css design so I'm sorry for the very rookie question.
>
> Dave

You have created the individual .css pages, and you need to add
content to the .html pages? Or have you created the .html pages and
need to add css styles to the .css pages? More or better info please.

Daniel

http://a-ok-site.com

01-25-2008

Sorry, I've created the css sty;e sheets but now I want to add
content. Using dw I linked to the external sheets but I'm lost at how
to use them on a new page.

For instance, if I wanted HEADER LOG GOES HERE in the box that the
header css sheet would apply to, how do I do that? I've div tags and
I'm assuming there's basic code I'm missing on how to start/stop the
css sheet I think.

Dave

On Jan 25, 1:07 pm, "aoksi...@gmail.com" <aoksi...@gmail.com> wrote:

> You have created the individual .css pages, and you need to add
> content to the .html pages? Or have you created the .html pages and
> need to add css styles to the .css pages? More or better info please.
>
> Daniel
>
> http://a-ok-site.com

01-25-2008

iamdave wrote:

[Please do not top post.]

> Sorry, I've created the css sty;e sheets but now I want to add
> content. Using dw I linked to the external sheets but I'm lost at how
> to use them on a new page.

You've already shown you know how to attach the style sheets to your
page. What is in them? Post a URL.

> For instance, if I wanted HEADER LOG GOES HERE in the box that the
> header css sheet would apply to, how do I do that? I've div tags and
> I'm assuming there's basic code I'm missing on how to start/stop the
> css sheet I think.

I think .. well .. you need to step away from Dreamweaver and learn more
about how web pages are constructed. Trying to explain this in a Usenet
post would be somewhat difficult. Not dissimilar to teaching you to
drive a car when you've never been behind a steering wheel before.

Have a look 'round here: http://htmldog.com/

<body>
<div id="header">
<h1>HEADER LOG GOES HERE</h1>
</div>
...etc

...and in the CSS:

#header {
font-size: 150%;
text-align: center;
}

--
-bts
-Friends don't let friends drive Vista

01-25-2008

On Jan 25, 12:13 pm, iamdave <sa...@proaudiomusic.com> wrote:
> Sorry, I've created the css sty;e sheets but now I want to add
> content. Using dw I linked to the external sheets but I'm lost at how
> to use them on a new page.
>
> For instance, if I wanted HEADER LOG GOES HERE in the box that the
> header css sheet would apply to, how do I do that? I've div tags and
> I'm assuming there's basic code I'm missing on how to start/stop the
> css sheet I think.
>
> Dave
>
> On Jan 25, 1:07 pm, "aoksi...@gmail.com" <aoksi...@gmail.com> wrote:
>
> > You have created the individual .css pages, and you need to add
> > content to the .html pages? Or have you created the .html pages and
> > need to add css styles to the .css pages? More or better info please.
>
> > Daniel
>
> >http://a-ok-site.com

I provide an beginners guide to programming that you might find
useful. It starts at the very beginning and covers everything you need
to get started.
http://a-ok-site.com/webdesign/index.html

Daniel

http://a-ok-site.com

01-26-2008

Gazing into my crystal ball I observed iamdave <>
writing in news:67dd4f47-c02c-482a-90a3-9022b3511c08
@k39g2000hsf.googlegroups.com:

>
> Rookie here, sorry.
>
> I use dreamweaver.
>
> My code is:
>
><meta http-equiv="Content-Type" content="text/html;
> charset=iso-8859-1">
><link href="/header.css" rel="stylesheet" type="text/css">
><link href="/left.css" rel="stylesheet" type="text/css">
><link href="/right.css" rel="stylesheet" type="text/css">
><link href="/body.css" rel="stylesheet" type="text/css">
><link href="/footer.css" rel="stylesheet" type="text/css">
></head>
>
> So the external css sheets are linked within the page.
>
> But I don't understand how to get into the page and start putting
> things into the header, footer etc. In dreamweaver the help talks
> about seeing it in the window but in the css window I don't see the
> styles. I see the them in the folder. I'm lost and I know it's
> something silly, but I cant seem to figure it out. I'm moving from
> tables to css design so I'm sorry for the very rookie question.
>
> Dave

As others have said, you really need to step away from Dreamweaver and
learn the actual HTML.

One thing I would suggest is putting all your external stylesheets into
one sheet. Eg:
#header {height:100px;}
#left {border:1px solid red;}
#right {border:1px solid green;}
#body {font-family: arial, helvetica, sans-serif;}
#footer {margin-top:2em;}

Then in the markup:

<div id="header">
<img src="logo.png" height="100" width="300">
</div>
<div id="left">
Some text
</div>
<div id="right">
Some text
</div>
<div id="body>
<h1>Page</h1>
<p>Some content</p>
</div>
<div id="footer">
Some legalese
</div>

One of the reasons you would want to put everything in one stylesheet is
you might forget where something is. Was the thing you wanted to style
in the header, the footer? The exception to that might be keeping colors
separate, if the positioning is going to remain the same, eg. one
stylesheet for Christmas (red and green colors), another for Mardi Gras
(gold, purple and green colors), etc

--
Adrienne Boswell at Home
Arbpen Web Site Design Services
http://www.cavalcade-of-coding.info
Please respond to the group so others can share

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
how do I get the style sheets (or style object) of the wholedocument?	Jake Barnes	Javascript	6	04-12-2009 08:15 AM
Programmatically Applying Style Sheets....	soulcode	ASP .Net	1	05-08-2004 10:09 PM
Style sheets, include one style within another (not inheritance)	foldface@yahoo.co.uk	HTML	1	11-24-2003 01:37 PM
export to Excel - multiple sheets & renaming sheets	Carl Corcoran	ASP General	1	11-12-2003 07:28 PM
Re: Using external style sheets	Kevin Spencer	ASP .Net	0	07-09-2003 06:03 PM