Jump to content

background imag


Laney
 Share

Recommended Posts

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

What code did you use to put the background image on the page?

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

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

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>

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

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 by scott100
Link to comment
Share on other sites

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

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

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...