Add Alt Tag To Image In Css

[yandoo]

Hiya hopefully this is just a quickie..

 

Im using the following css for my header and with it is the image of my banner.

 

#header{
position:relative;
height:150px;
background:#fff url(images/banner.jpg) no-repeat center top;
width:100%;
display:block;
overflow:auto;
}

 

I need to add the alt tag to it.. How is it done? Outside or Inside the brackets and with or without "":

(images/banner.jpg) alt="banner description"
(images/banner.jpg alt="banner description")

Also and this may sound stupid but how can I test it out to see it working by blocking the images on my site?

 

Thank you

[Christian F.]

Alt attributes are only for HTML tags, not CSS properties.

 

The proper way of accomplishing what you want, which I assume is to have a text-version of the header visible if no images are shown, is to use a heading tag with text. Then use CSS to hide the text itself, and show only the background image instead.

[White_Lily]

you could also use php to see if banner.jpg exists in the given directory, if so, show the banner, if not show some text instead.

[kicken]

you could also use php to see if banner.jpg exists in the given directory, if so, show the banner, if not show some text instead.

The point of alt text is to provide a meaningful description of what the image represents to browser that are incapable/configured not to/temporarily unable to display the requested image.  Checking for the images existence with PHP doesn't do any good for that.

 

[yandoo]

Thank you very much for your replies.