我在HTML表格中显示图片,我有两行,每行有四张图片.
我的问题是我的<td>元素在表格内的每张图片周围都有大约20%的填充,我无法弄清楚如何摆脱它们.
考虑以下HTML页面(在浏览器中打开它 - 图片工作).您将在<td>元素中的每个图片周围看到填充,边距和边框.
您认为哪些是错的,我怎样才能摆脱每张照片周围的区域？
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<style type="text/css">
<!--
body {
font: 100%/1.4 Helvetica, Verdana, Arial sans-serif;
height: 100%;
margin: 0;
/*background-image: url(../Images/BGshadowEx.jpg);*/
background-repeat: repeat-x;
padding: 0;
color: #000;
padding-top: 5%;
font-size: 0.8em;
}
allery.table {margin: 0; padding: 0; border:5px solid red;}
#gallery.tr {margin: 0; padding: 0; background-color:red; border:5px solid red;}
#gallery.td {margin: 0; padding: 0; overflow:hidden; background-color:green; border:5px solid red;}
#gallery.a {margin: 0; padding: 0; …