Images: Background image in CSS or Img Src? - HTML Forums

Skor · 08-28-2006, 01:37 PM

I'm curious to know when I should be displaying an image as a background image in CSS vs. using the standard "src img" in HTML to display them.

Obviously, if you're gonna layer the images one on top of another, you'd use CSS. But for a simple image placement in a CSS-coded web site, what do the experts around here use?

Disturbed · 08-28-2006, 01:40 PM

Css. If it's a CSS-coded site. It is simplier, and cleaner coding. ( I'm not an expert )

StijnSpijker · 08-28-2006, 01:46 PM

Quote:

Originally Posted by Skor

I'm curious to know when I should be displaying an image as a background image in CSS vs. using the standard "src img" in HTML to display them.

Obviously, if you're gonna layer the images one on top of another, you'd use CSS. But for a simple image placement in a CSS-coded web site, what do the experts around here use?

If it's a background image : Use the CSS attribute,

If it's a normal image, use the <img> tag...

Sounds pretty easy to me

coothead · 08-28-2006, 03:01 PM

Hi there Skor,

I prefer to use background-image wherever possible, as it means less mark-up.

Pegasus · 08-28-2006, 03:12 PM

I rarely have a background image any more, but when I do, it's in the CSS, not in the page.

Peg

RysChwith · 08-29-2006, 07:14 AM

Use the <img> tag when it's actual content, like a graph or illustration, but CSS when it's decoration.

Basically, think of it this way: if the user were unable to see the site and someone were reading it to him, which graphics would that person bother to mention? Those should be your <img> tags.

Rys