Image as background or... not

Hi There.

I have a photo that suppose to be at the top of the website.
Is there a better way to treat that photo?

I can use "img src" or I can use CSS like that (I'm trying to build the whole page in pure CSS):


.header {
background: #809eb8 url('../images/top.jpg') no-repeat 100% 100%;
width: 600px;
height: 268px;
}


What do you think is better?

Thanks!Originally posted by weee
What do you think is better?
Well that all depends. Is it content or presentation (is it relevant to what the site is about, or some layout graphic)? If it’s presentation (layout graphic, ect.) it should be set as a background. If it’s content, use an IMG tag.It's a website for a band and the photo contin the band members plus the band logo. So it should be in CSS right?Personally, I’ve always placed the header as a background image, since it’s usually presentation (just some layout graphic type thing). However, if it’s for a band, and part of the graphic is the band members, I would include it via the IMG tag. I suppose it’s just up to you. ;)Originally posted by weee
It's a website for a band and the photo contin the band members plus the band logo. So it should be in CSS right?
Sounds like content to me, so probably should use IMG tags. The CSS background property usage would be if you actually use it as a background image, i.e. other content is displayed on top of it.!
 
Back
Top