external style sheet

rob86 · 02-21-2012, 09:59 PM

I am unable to get my external style sheet to work.

I dragged the style sheet in Dreamweaver from the css folder to the <head> of the page.

<link rel="stylesheet" type="text/css" href="templates/template7/css/mytngstyle.css"/>

The css in the style sheet is:

#container
{
/* background-color: #edead9;*/

background-color: #FF0000;

margin-top: 100px;
margin: auto;
}

This is the code in the <body>

<body class="oneColFixCtr" >

<div id="container">
<div id="mainContent">
<table width="700" border="0" align = "center" >

I tried using the # and a "." and neither works. I want the CSS to connect to "container.

Thanks to all who help.

cercos · 02-21-2012, 11:05 PM

first change
background-color: ##FF0000;

to

background-color: #FF0000; you had two '#'

and to see if it's a problem with your location in the href put the code in between to <style></style> tags in the <head> directly in the page you want styled

rob86 · 02-21-2012, 11:11 PM

Quote:

Originally Posted by cercos

first change
background-color: ##FF0000;

to

background-color: #FF0000; you had two '#'

and to see if it's a problem with your location in the href put the code in between to <style></style> tags in the <head> directly in the page you want styled

OOPS!
That's not the problem. I made the correction above.

cercos · 02-22-2012, 04:49 AM

I'm not getting what your actually having a problem with, what is the result you want and what's the result your getting?

rob86 · 02-22-2012, 01:31 PM

Quote:

Originally Posted by cercos

I'm not getting what your actually having a problem with, what is the result you want and what's the result your getting?

Read the original post. It's not working. According to Dreamweaver, It's correct, but it's not working.

abduraooft · 02-22-2012, 02:12 PM

Have you validated your CSS ?

rob86 · 02-22-2012, 06:57 PM

Quote:

Originally Posted by abduraooft

Have you validated your CSS ?

No, I have never had a page pass yet. When I make the recommended corrections the page no longer works!!!
I can do html and beyond that very little.

Running the page through W3C says:

5 body p Parse Error p. style13 {font-size: x-small}
9 body p Parse Error } { padding-top: 60px; }
22 Parse Error [: #edead9; } div.maincontent background-color: #DCD5B9; } ]

cercos · 02-23-2012, 02:20 AM

post your whole style sheet

rob86 · 02-23-2012, 02:47 AM

Quote:

Originally Posted by cercos

post your whole style sheet

/*your custom style goes in this file*/
/*if you're overriding style blocks from genstyle.css, you only need to include the attributes you're overriding, not the whole block*/

body
p. style13 {font-size: x-small}

{
padding-top: 60px;
}

#div.container

background-color: #edead9;

}
#div.maincontent

background-color: #DCD5B9;

The header states that this code over rides the default style sheet.

cercos · 02-23-2012, 03:09 AM

Add whatever element you wanted to style where the YOUR_ELEMENT is. I fixed what I could see wrong try it out:

Code:

body,/*MISSING COMMA*/
p. style13 {font-size: x-small} 

YOUR_ELEMENT /*MISSING*/
{
padding-top: 60px;
}

#div.container
{ /*MISSING*/
background-color: #edead9;
}

#div.maincontent 
{/*MISSING*/
background-color: #DCD5B9;
}/*MISSING*/

rob86 · 02-23-2012, 04:29 PM

Quote:

Originally Posted by cercos

Add whatever element you wanted to style where the YOUR_ELEMENT is. I fixed what I could see wrong try it out:

Code:

body,/*MISSING COMMA*/
p. style13 {font-size: x-small} 

YOUR_ELEMENT /*MISSING*/
{
padding-top: 60px;
}

#div.container
{ /*MISSING*/
background-color: #edead9;
}


Sorry to say it didn't work.

#div.maincontent 
{/*MISSING*/
background-color: #DCD5B9;
}/*MISSING*/

Sorry to say it didn't work.

Donkey · 02-24-2012, 01:41 AM

have you uploaded your site to a server, or are you on a local web server? If you just have the files on your computer without using a web server (e.g. xamp) then the external CSS file won't work.
Also; Check that the path

Code:

href="templates/template7/css/mytngstyle.css"/

is correct, and that the index file and other pages are in the root file.

rob86 · 02-24-2012, 02:42 AM

Quote:

Originally Posted by Donkey

have you uploaded your site to a server, or are you on a local web server? If you just have the files on your computer without using a web server (e.g. xamp) then the external CSS file won't work.
Also; Check that the path

Code:

href="templates/template7/css/mytngstyle.css"/

is correct, and that the index file and other pages are in the root file.

I'm aware it needs to be on server and have done so.
Here is the code
<link rel="stylesheet" type="text/css" href="templates/template7/css/mytngstyle.css"/>

page.php/templates/template7/css/mytngstyle.css

rob86 · 02-24-2012, 03:31 AM

Quote:

Originally Posted by mddjfoclbyu

have you uploaded your site to a server, or are you on a local web server? If you just have the files on your computer without using a web server (e.g. xamp) then the external CSS file won't work.
Also; Check that the path

They are on the server.

skill3d · 02-24-2012, 03:36 AM

Make sure the css is in the correct folder and directory, and that you had no problems. Rename the file to ' style.css ' and use this code:

Code:

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

Sometimes at the end of the code the

Code:

"/>

may need a space between the " and /