applying external style sheets

I

iamdave

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
 
A

aoksite1

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
Click to expand...

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

iamdave

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
 
B

Beauregard T. Shagnasty

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.
Click to expand...

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.
Click to expand...

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;
}
 
A

aoksite1

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
Click to expand...

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
 
A

Adrienne Boswell

Gazing into my crystal ball I observed iamdave <[email protected]>
writing in @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
Click to expand...

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
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Google sheets song request 3
Align separate li to right 2
Image on header 2
Align img inside nav tabs section 5
JQuery add shadow error 4
Background image not showing up on html page 3
How to position the *tooltip* comment on these buttons? 9
External CSS 4

Members online

No members online now.
Total: 38 (members: 1, guests: 37)
Robots: 456

Forum statistics

Threads
473,994
Messages
2,570,223
Members
46,812
Latest member
GracielaWa

Latest Threads

Top