simple css/html issue anyone want to look at it?

Back

simple css/html issue anyone want to look at it? by Blackllama on 05 Jul, 2011 23:03
Okay so I've been fooling around with css and html and I've noticed an issue.

Here's my html file:
Code: [Select]
<html> <head> <link rel="stylesheet" type="text/css" href="file:///C:/Users/Max/Desktop/style.css" /> <h1>This webpage is useless, I'm using to test external css styles.</h1> <title>Test Page</title> </head> <body> This is some sample body text. </body> </html>
And my css file:
Code: [Select]
<style type="text/css" /> body {background-color:#b0c4de;} h1 {color:#0c8316;} </style>
Basically here's the problem, the background color doesn't change when I view the webpage. The text on the header does though. I don't see any typos or anything like that, and I'm viewing in in google chrome. Anyone know why this might not be working?

I know it'd probably have been a better idea posting this on some coding forum but I'll let CG take a shot at it first.
Reply #1 by Maurice Moss on 06 Jul, 2011 02:24
Just delete the <style> tag in the style.css file, as the <style> tag is only used in the .html file, and then under a <head> tag, and then it will work perfect again.

Code: [Select]
body{ background-color: #b0c4de; } h1{ color:#0c8316; }
You can use that OR this

Code: [Select]
body {background-color:#b0c4de;} h1 {color:#0c8316;}
Reply #2 by Blackllama on 06 Jul, 2011 03:03
Ahh, I didn't realize you don't need the style in the css file...

EDIT:
I modified them and it still doesn't work...

CSS:
Code: [Select]
body {background-color:##CAFB4E;} h1 {color:#0c8316;}
HTML:
Code: [Select]
<link rel="stylesheet" type="text/css" href="file:///C:/Users/Max/Desktop/style.css" /> <h1>This webpage is useless, I'm using to test external css styles.</h1> <title>Test Page</title> <body> This is some sample body text. </body>
It still doesn't work...
Reply #3 by Maurice Moss on 06 Jul, 2011 04:55
I didn't mean you should remove the <html></html> and <head></head> tags XD

Also, it still works for me, except that you had 2 '##' in the body background thingy

Code: [Select]
body {background-color:##CAFB4E;} change to body {background-color:#CAFB4E;}
Otherwise it works perfectly fine for me http://zhost.tk/u/tg/test.jpg

HTML file should look like this
Code: [Select]
<html> <head> <link rel="stylesheet" type="text/css" href="test.css" /> <h1>This webpage is useless, I'm using to test external css styles.</h1> <title>Test Page</title> </head> <body> This is some sample body text. </body> </html>
Reply #4 by Blackllama on 06 Jul, 2011 05:24
Quote from: Maurice Moss on 06 Jul, 2011 04:55
I didn't mean you should remove the <html></html> and <head></head> tags XD

Also, it still works for me, except that you had 2 '##' in the body background thingy

Code: [Select]
body {background-color:##CAFB4E;} change to body {background-color:#CAFB4E;}
Otherwise it works perfectly fine for me http://zhost.tk/u/tg/test.jpg

HTML file should look like this
Code: [Select]
<html> <head> <link rel="stylesheet" type="text/css" href="test.css" /> <h1>This webpage is useless, I'm using to test external css styles.</h1> <title>Test Page</title> </head> <body> This is some sample body text. </body> </html>

Yah, I removed those tags to see if it would still work the same, and it did, I'm not sure how necessary the html tag is if it's a html file but whatever.

And as for the ##:
Fucking typos... Anyway it works now, thanks.
Reply #5 by Maurice Moss on 06 Jul, 2011 08:47
Quote from: Blackllama on 06 Jul, 2011 05:24
Yah, I removed those tags to see if it would still work the same, and it did, I'm not sure how necessary the html tag is if it's a html file but whatever.

Well, most browsers can still read the html file if you do not add the html/head/body tag, but it's still best to use them.