CSS and header image implimentation.

[Tj]

What would be the proper way to insert a full width header image into a
xhtml/css page?
Are there rights/wrongs or pros/cons to the following options:

1. Using css to insert it as a background image of the header div.
2. Placing it in the xhtml with an img tag between div's.

Also, please advise if you know of more appropriate NG's or Forums for css
queries.


Cheers,
Tj

 

[David Dorward]

What would be the proper way to insert a full width header image into a
xhtml/css page?

1. Using css to insert it as a background image of the header div.

Is it entirely decorative?

2. Placing it in the xhtml with an img tag between div's.

Does it contain content?

 

[Tj]

Is it entirely decorative?


Does it contain content?

Hi David.

Nope. No content other than the image. The div's directly below it will
contain nav, etc.

 

[Mitja]

Nope. No content other than the image. The div's directly below it
will contain nav, etc.

What David meant with the questions was: If it's just some fancy decoration,
say a picture of a flower, then the background option is OK, since those
with images disabled won't miss anything. If it contains info (text,
probably), then an <img> tag with alt attribute is a better solution.

 

[Tj]

What David meant with the questions was: If it's just some fancy decoration,
say a picture of a flower, then the background option is OK, since those
with images disabled won't miss anything. If it contains info (text,
probably), then an <img> tag with alt attribute is a better solution.

Ah! Appreciate the clarification and enlightenment.

Yes the image will contain the logo hence the company name. For this reason
I am now understanding that an <img> tag with alt att is the proper choice.

Thanks to both of you for the useful replies!

Tj