Laney Posted March 21, 2006 Share Posted March 21, 2006 First I want to say that I did search the forum, found a few topics that related to my issue, but I just cannot get it right.I am not sure if I am approaching the problem on the right angle, so maybe there's an easier way of doing this.I have a forum and I wanted to change the title on the top to a graphic instead. So I made the graphic. It didn't look very nice on my monitor (I have a 19" with 1280x1024 resolution), so I made it wider. Yeah, you guessed right, now that looks nicer on my resolution, it doesn't look good for people using lower resolutions than mine.Someone suggested to me to have the logo inserted in the CSS file instead. That sounded good, but I had to do some reading because I know very little or nothing about css. So I read what I could, didn't understand much...LOL... then I thought that would be quicker just to add a background colour to the entire site (there's actually just a little of the actual background that shows up), the same background that my logo's got, and then change the logo to 760x150.Would anyone please tell me which way would be easier and quicker and how to do it? I tried adding the background image (a 200x200 tile) but it's not showing.thanks,Laney Link to comment Share on other sites More sharing options...
G1337 Posted March 21, 2006 Share Posted March 21, 2006 What code did you use to put the background image on the page? Link to comment Share on other sites More sharing options...
Laney Posted March 21, 2006 Author Share Posted March 21, 2006 What code did you use to put the background image on the page?<{POST_SNAPBACK}> I was hoping no one would ask me that... LOL... I don't really want to show off my ignorance... but... here it is, and I tried different things too:body{ background-image: url('msec-bkgd-tile.jpg'); margin: 0px; padding: 0px;}now, the image is actually located at:http://subdomain.domain.com/forum/images/so I tried including the path, without the path, and the last one is the one above.Laney Link to comment Share on other sites More sharing options...
scott100 Posted March 21, 2006 Share Posted March 21, 2006 Your code is ok, if i change it to an image i know exists it works fine, i had problems with the link you posted <head><style>body{background-image: url('http://www.google.co.uk/images/hp0.gif');margin: 0px;padding: 0px;}</style></head> Link to comment Share on other sites More sharing options...
Laney Posted March 21, 2006 Author Share Posted March 21, 2006 Your code is ok, if i change it to an image i know exists it works fine, i had problems with the link you posted<head><style>body{background-image: url('http://www.google.co.uk/images/hp0.gif');margin: 0px;padding: 0px;}</style></head> <{POST_SNAPBACK}> sorry, that wasn't a real link, was just to demonstrate where the images directory is.so basically the code would have to be:body{background-image: url('http://artsystudio.meaningfulscraps.com/forum/images/msec-bkgd-tile.jpg');margin: 0px;padding: 0px;}One thing comes to my mind though, I am reading the Introdution to CSS at the site, and something caught my attention, the cascade order (highest to lowest):- Inline style (inside an HTML element)- Internal style sheet (inside the <head> tag)- External style sheet- Browser defaultI am thinking perhaps there is something overwriting the external stylesheet?Laney Link to comment Share on other sites More sharing options...
scott100 Posted March 21, 2006 Share Posted March 21, 2006 (edited) ok, try thisin the html page<body style="background-image: url('http://artsystudio.meaningfulscraps.com/forum/images/msec-bkgd-tile.jpg')">Are you sure this image exists, im not seeing it?You don't have to do the whole http thing, you could just put image.jpg if the image is in the same location as the page. Edited March 21, 2006 by scott100 Link to comment Share on other sites More sharing options...
Laney Posted March 22, 2006 Author Share Posted March 22, 2006 sorry, that wasn't a real link, was just to demonstrate where the images directory is.so basically the code would have to be:body{background-image: url('http://artsystudio.meaningfulscraps.com/forum/images/msec-bkgd-tile.jpg');margin: 0px;padding: 0px;}One thing comes to my mind though, I am reading the Introdution to CSS at the site, and something caught my attention, the cascade order (highest to lowest):- Inline style (inside an HTML element)- Internal style sheet (inside the <head> tag)- External style sheet- Browser defaultI am thinking perhaps there is something overwriting the external stylesheet?Laney<{POST_SNAPBACK}> I know the answer, just in case someone comes upon this thread. What I wanted was to change the header area in the stylesheet... once I changed the header area's background colour to an image, it worked.Laney 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