davidatk100 Posted November 10, 2005 Share Posted November 10, 2005 I'm pretty new to web page design but even when I asked a couple of my friends who are significanly more experienced, then couldn't really give me any answers.I've got index.html and master.css and they're both working fine except that the color that i've set in index.html doesn't work in firefox. I've had a look in explorer and it's fine there and one of my friends had a look on his computer useng firefox (linx) and he said it worked. It also works in the prievew then the file is highlighted but not yet opened.----------------------------------------------------------This is index.html:<html><head><link rel="stylesheet" type="text/css" href="master.css" /><title>Ben Mckinnon</title></head><body text="#ffffff" bgcolor="#000000"><img src="tabs/background.jpg" width="100%"><br><br><br><br><br><br><br><br>adhgkjasdhgjkh</body></html>------------------------------------------------------And this is master.css:body {background: url('tabs/background.jpg');background-position: top;background-width: 100%;background-repeat: no-repeat;margin:0}-----------------------------------------------the color of the background works fine and if I take out the 3rd line from index.html:<link rel="stylesheet" type="text/css" href="master.css" /> ...the background color works fineEdit: I'm aware of different ways I can organise the files eg. having an internal ccs instead of external etc. but I like it this way and if I can, I'd like to keep it this way.Appreciate any help. Link to comment Share on other sites More sharing options...
Champion_Munch Posted November 10, 2005 Share Posted November 10, 2005 What colour do you want the background, black? I would suggest not using the bgcolor attribute. :)Try using this on that page:<body style="color: #ffffff; background: #000000">....</body>with regards Link to comment Share on other sites More sharing options...
Paim Posted November 10, 2005 Share Posted November 10, 2005 Generally developers will say always combine the body and html attributes into one css tag, like:body, html{ la dee daaaa}Anyways, try this: body,html {background: #000 url('tabs/background.jpg') no-repeat;margin:0px;padding: 0px;} and take out the bgcolor and text bits in the <body> tag. I think the problem with the background colour was the conflicting CSS declaration of it: background: url('tabs/background.jpg'); the background: thingy also accepts a colour as it, using background-image: might solve it too. Thats why removing the link to the stylesheet called upon bgcolor in the body tag.Also remember for valid XHTML tags without a closing tag (such as <html></html>) should be closed with a slash. Image tags and line breaks: <!-- Image tag XHTML valid --><img src="lala.jpg" /><!-- Line Break XHTML valid --><br /> good luck Link to comment Share on other sites More sharing options...
F-Man Posted November 10, 2005 Share Posted November 10, 2005 Generally developers will say always combine the body and html attributes into one css tag, like:body, html{ la dee daaaa}<{POST_SNAPBACK}> Bad idea. If you switch to application/xhtml+xml media type, your background will be used both on the viewport and on the body which will become just a normal rectangle (like a div) around your page content. Only html should be used. Link to comment Share on other sites More sharing options...
davidatk100 Posted November 10, 2005 Author Share Posted November 10, 2005 I can't seem to set a backgrount picture in an external css, while setting the background color in the html (either by html tags or internal ccs). Is it possible?I want to do it this way because I want the picture to stay the same between pages but have the color change. Is geting rid of the external css and putting it all in the html file the only way? Link to comment Share on other sites More sharing options...
F-Man Posted November 10, 2005 Share Posted November 10, 2005 (edited) Put it all in the CSS. I just looked again and I believe it didn't work for you because you used the background property instead of background-image. However by using only CSS, you should be able to declare all background properties with just "background".EDIT: also, there is no "background-width". Edited November 10, 2005 by F-Man Link to comment Share on other sites More sharing options...
davidatk100 Posted November 11, 2005 Author Share Posted November 11, 2005 I believe it didn't work for you because you used the background property instead of background-imageThanks F-Man, I've fixed it up and now it works perfectly . Cheers.also, there is no "background-width". ooh. lol. 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