Coxy Posted August 16, 2006 Share Posted August 16, 2006 Ok, I need some help with CSS, I'm very new to coding/html and websites in general. So you'll have to dumb down your instructions :)I've gone through the tutorials and it seems to make alot of sense but heres my problem:In Dreamweaver, my style sheet works. All the colors are correct and the background image shows up where I want it. But as soon as I preview it in my browser, (both FF and IE) it defaults everything back to normal. (White background, no image, Times New Roman 12pt text.)Heres what my style sheet looks like:body { background-color:#FFFFFF; background-image: url(/images/avatar.jpg); background-position:center; background-attachment:fixed; background-repeat:no-repeat; }p { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#666666;}a:link { color:#00CC33;}a:visited { color:#006633;}a:hover {color:#00FF33}If i've missed something obvious, sorry! Link to comment Share on other sites More sharing options...
aspnetguy Posted August 16, 2006 Share Posted August 16, 2006 open up the page in your browser (doesn't matter which one). Goto View>Source and then post what you see.Is your stylesheet external or within the <head> of the page? If it is external please post the entire stylesheet as well.This will give us a good start on locating the problem Link to comment Share on other sites More sharing options...
Coxy Posted August 16, 2006 Author Share Posted August 16, 2006 open up the page in your browser (doesn't matter which one). Goto View>Source and then post what you see.Is your stylesheet external or within the <head> of the page? If it is external please post the entire stylesheet as well.This will give us a good start on locating the problemThanks a bunch, here is the source code of the mock up page:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><title>Untitled Document</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><link href="/fingstyle.css" rel="stylesheet" type="text/css"></head><body><p> </p><p>Blah blah blah blah blah. </p><p><a href="http://www.melissa-art.com/">Go here, bitches </a></p><p><a href="http://www.conceptart.org/">And here. </a></p></body></html> Link to comment Share on other sites More sharing options...
aspnetguy Posted August 16, 2006 Share Posted August 16, 2006 href="/fingstyle.css" is most likely the problem.is fingstyle.css in the same folder as the page? if so change it to this href="fingstyle.css" Link to comment Share on other sites More sharing options...
Coxy Posted August 16, 2006 Author Share Posted August 16, 2006 Thanks, that seemed to work. Now my background specifications dont seem to work. Link to comment Share on other sites More sharing options...
aspnetguy Posted August 16, 2006 Share Posted August 16, 2006 same problem it the images folder is in the same folder as the page chane url(/images... to url(images... Link to comment Share on other sites More sharing options...
Coxy Posted August 16, 2006 Author Share Posted August 16, 2006 Aspnetguy, thanks for all your help. I think I've got the hang of this now! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now