which is the best way to do this CSS?

Stormraven · #1 Aug 20th, 2008, 19:13

I was wondering, I use external Style sheets to set font color, background and link color's, but on my main page I have used CSS to base of the template.

When you as a deisnger create a new page do you put the stuff eg #header or the other bits of CSS that make the boxes in an external style sheet or just copy and paste it onto a new page when you create it.

Also this is the code I have at the moment on my main page:

Code: Select all

<!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
#header {
    margin: 0 auto;
    width:800px;
    height:123px;
    border:#000000 thin solid;
}
#wrapper {
    margin: 0 auto;
    width:800px;
    height:500px;
    padding: 10px 0 0 0;
    border:#000000 thin solid;
}
#footer {
    margin: 0 auto;
    width:800px;
    height:30px;
    border:#000000 thin solid;
}
#left {
    float:left;
    width:200px;
    height:250px;
    border:#000000 thin solid;
}
#main {
    float:right;
    width: 590px;
    height:250px;        
}
-->
</style>
</head>

<body>
<div id="header">Content</div>
<div id="wrapper">
<div id="left">Content</div>
<div id="main">Content</div>


</div>
<div id="footer">Content</div>
</body>
</html>

If was to take out all of the CSS on that page and put it into an external style sheet, would i still be able to use <div id="header"> on the page or wouldn't it work because the CSS is located in an external style sheet?

saltedm8 · #2 Aug 20th, 2008, 19:18

always separate everything... you can put all the css into one css sheet if you wanted

welshstew · #3 Aug 20th, 2008, 19:31

Quote:

Originally Posted by Stormraven

If was to take out all of the CSS on that page and put it into an external style sheet, would i still be able to use <div id="header"> on the page or wouldn't it work because the CSS is located in an external style sheet?

yes you would, just make sure you reference it correctly, as per the first external style sheet you have

Stormraven · #4 Aug 20th, 2008, 19:34

So even though though the CSS is in .css styleshet the div tags will still work? The mysteries of CSS

What do you mean by 'as per the first external style sheet you have'?

welshstew · #5 Aug 20th, 2008, 19:52

as per this line:

Code: Select all

<link href="style.css" rel="stylesheet" type="text/css" />

that style sheet is external. in your directory, the same one as your web page, you should have a file named "style.css"

Stormraven · #6 Aug 20th, 2008, 20:14

Ahhh thankyou very much to the both of you for your help

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
which is the best way to do this CSS?