web: image in css

[blissard]

hey, i'm trying to learn some css, and encountered a small problem.

how can i set an image in css with the class-command?

i.e:

Code: Select all

<img class="header">

in the php-file.

and then in the css-file: (this is the part where i got it wrong)

Code: Select all

.header {
image : url("gfx/header_01.gif");
}

[NRGizeR]

why use css for that?

Code: Select all

<img src="gfx/header_01.gif">

or if you want to do some funky stuff (such as adding borders, doing absolute placing etc) with css, use

Code: Select all

<img src="gfx/header_01.gif" class=header>

and add the stuff you want to the css file (ex border, top, left, position, etc) ...

[NRGizeR]

oh, and if you want to learn css properly there are great tutorials and a complete css2 reference at http://www.w3schools.com/css/default.asp

[blissard]

i know how to place an image, just not with css.

i want the page to change with different css-files, mainly colors, but also some images.

i used this one:

Code: Select all

<td class="td_border">

together with this one:

Code: Select all

.TD_BORDER  {
	background-image: url("gfx/border.gif");
}

which works fine..

[NRGizeR]

It sounds to me as if you've misunderstood the purpose of css somewhat, but I could be mistaken... try to read the reference/tutorials... those will help...

[blissard]

look, i'm putting as much as possible into the css-file. so if i make another css-file with changed colors, and changed images, the look of the page will change with it. kinda like a skin.

i just want to know how to set the src for an image through css, so if i have different src in different css-files, the img will change.

[blissard]

no matter, i used the picture as a tablecell-background, like i did with the border. but if anyone knows how to use it without a table, tell me

[NRGizeR]

if you would have checked the reference....... you would have realized that there is no (spoon)/image tag in css

you can however, do what I think you'd like to do with a <div> tag and a background-image entry in css, and if you want to use more "pure" css, I would suggest going down this path instead of using tables...

[blissard]

indeed, i certainly had a hard time finding one.

i'm such a sucker for tables, i fell in love with them many years ago. but we also hates them, yes, as they behave differently in firefox, opera and ie.

[Guenhwyvar]

Do it with <div> and background-image.

[impressiVe]

Wtf i thought you wanted to play counterstrike source xD.. Luck for you m8 ^^