css - How to fill a cell with an image -


hi using 3px*10px gradient image fill in want fill in complete cell image , wanted stretch images automatically if content of cell increases..however dont want repeat image gradient looks ugly. can please help.

the code snipet follows.

<html> <head></head> <body> <table border=1> <tr><td>a<td rowspan="9" style="background-image:url('images/bg_menu_hov.gif');background-repeat:no-repeat; height:100%;">&nbsp<td>b</tr> <tr><td>c<td>d</tr> <tr><td>e<td>f</tr> <tr><td>c<td>d</tr> <tr><td>e<td>f</tr> <tr><td>c<td>d</tr> <tr><td>e<td>f</tr> <tr><td>c<td>d</tr> <tr><td>e<td>f</tr> </table> <body> </html> 

depending on image, need set background-repeat differently.

stretching image not idea. should make gradient wide or high enough suit design. it's idea fade gradient out same color background color set.

judging image size (3px*10px) i'm guessing need set background-repeat 'repeat-x'.


Comments

Popular posts from this blog

python - Scipy curvefit RuntimeError:Optimal parameters not found: Number of calls to function has reached maxfev = 1000 -

c# - How to add a new treeview at the selected node? -

java - netbeans "Please wait - classpath scanning in progress..." -