background fill cell

[EchoFool]

I have a table with a couple of <td>'s which have a image background.

 

But the image is smaller than the cell. But i have repeat image to no because it doesn't look right but i need this image to fill the whole cell so as such "stretch" to fill the cell.

 

But i got no idea how to do it... so far i have:

 

<td style="background-image: url('/med.jpg'); background-repeat:no-repeat; width: 90px; height: 50px;">

 

Although width and height changes the td size it doesnt change the size of the background image aswell which is what i need it to do ... how can this be done?

[htmlstig]

without using layers for each table you could use a css3 code

background-size: 100%;

but not all browsers are css3 compatible yet

 

 

 

[TheFilmGod]

background: url(/med.jpg) repeat-x;

[htmlstig]

background: url(/med.jpg) repeat-x;

 

he said he doesnt want to repeat the image he wants it full size

[MikeLibman]

I have a table with a couple of <td>'s which have a image background.

 

But the image is smaller than the cell. But i have repeat image to no because it doesn't look right but i need this image to fill the whole cell so as such "stretch" to fill the cell.

 

But i got no idea how to do it... so far i have:

 

<td style="background-image: url('/med.jpg'); background-repeat:no-repeat; width: 90px; height: 50px;">

 

Although width and height changes the td size it doesnt change the size of the background image aswell which is what i need it to do ... how can this be done?

 

Try using CSS or all your images and style... after all that's what it's for and not to mention it makes the HTML much cleaner.