Sunday, 15 June 2014

html - Make an image fill up the cell completely -



html - Make an image fill up the cell completely -

i want image fill table cell completely. css i've set padding 0 not help. has thoughts on this?

greetz job

.html <div id="vakjes"> <table id="tabel" border="1"> <tr> <td><img class="" src="images/jack.png"></td> <td><img class="" src="images/jack.png"></td> </tr> <tr> <td><img class="" src="images/jack.png"></td> <td><img class="" src="images/jack.png"></td> </tr> </table> </div> css table, tr, td { border: 1px solid #ff7300; padding: 0px; vertical-align: bottom; } #tabel { width: 345px; height: 345px; }

here screenshot of table http://i62.tinypic.com/1584fnb.png

try setting height , width of image:

here's demo i've set:

img{ width:100%; height:100% }

alernatively, if didn't want images set, create as:

.mystyle{ width:100%; height:100%; }

and images add together class 'mystyle'.

html css

No comments:

Post a Comment