applying external style sheets

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
IamDave [ Fr, 25 Januar 2008 18:36 ] [ ID #1916645 ]

Re: applying external style sheets

On Jan 25, 11:36 am, iamdave <sa... [at] 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
aoksite1 [ Fr, 25 Januar 2008 19:07 ] [ ID #1916646 ]

Re: applying external style sheets

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... [at] gmail.com" <aoksi... [at] 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
IamDave [ Fr, 25 Januar 2008 19:13 ] [ ID #1916648 ]

Re: applying external style sheets

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
a.nony.mous [ Fr, 25 Januar 2008 19:50 ] [ ID #1916651 ]

Re: applying external style sheets

On Jan 25, 12:13 pm, iamdave <sa... [at] 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... [at] gmail.com" <aoksi... [at] 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
aoksite1 [ Fr, 25 Januar 2008 20:20 ] [ ID #1916653 ]

Re: applying external style sheets

Gazing into my crystal ball I observed iamdave <sales [at] proaudiomusic.com>
writing in news:67dd4f47-c02c-482a-90a3-9022b3511c08
[at] 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
Adrienne Boswell [ Sa, 26 Januar 2008 04:23 ] [ ID #1917036 ]
Miscellaneous » alt.html » applying external style sheets

Vorheriges Thema: HTML problem with refreshing the browser's display of an image
Nächstes Thema: Converting tables to DIV & SPAN

[ Startseite ] [ Administrator ] [ Suche ] [ Hinweise ] [ Impressum ]

Powered by FudForum