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%;"> <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
Post a Comment