Image URL In CSS

How do I put the image URL in this?

.image-001
{
float:left;
}

Code (markup):

I want to add a URL of the image in there.

I am a complete noob so please be aware.

 

Erm? If that's an image element that has a class of "image-001" then you don't need to supply a URL provided you use the SRC attribute and the image is *content* (article image). If that's just another element, then use the background-image property like so..

background-image:url(foo.jpg);

 

I have not been very clear atall actually sorry.

I want to insert an image into that so that I no longer need an image in my HTML file if that makes sense.

Look here at what I have so far: Huxley News

I want that Nvidia image to remain where it is and still have the text wrap around it but I want to know how I can then add the image to the CSS instead.

I hope that makes sense, since making the first post this is what my CSS is looking like:

/* CSS Document */

.nvidia-logo
{
url:('/images/Nvidia.gif');
float:left;
}

Code (markup):

Thanks for your help here!

 

Please don't do it this way. That Nvidia logo is part of the content, since its relevant to the article and should not be used as a background-image. Leave it as an <img>. That is the right way to markup it up. Leave the float though.

 

Agreed, that is a non-presentational img, so it should be an img tag.

 

Ok I got you, thanks Katy for showing me how it is done because I will use the same code for the actual background anyway.

So any images that are part of content I leave, that is cool I get it now.

Thanks everyone, much appreciated

P.S One question, on the div tags is there any other way of doing it such as <div class="img" /> or something?

 

You'd have to use <div id="unique-ID"></div> and then have an individual ID for each background image you want to use.

Then set a width and height (followed by overflow; hidden; to force IE 5 and 6 to treat height as height, rather than min-height) and apply your background image to that.