帮助缩小表格大小

Question

我想在右侧导航中收缩我的桌子，以便右侧不再有任何额外的间距。但是，每当我使它变小（它是270px）时，我的项目类型部分就会下降到一个新行。我觉得它与填充有关，但我不确定要改变哪个填充。如果你能提供帮助，请告诉我。

这是我的网站：http://www.merrimentdesign.com

Answer 1

您的td“categorycontent”包含2个div，每个div的宽度为130px（总共260px），但您还在5px的padding-left元素上指定了td。

因此，除非您更改其中一个尺寸，否则您可以设置的最小尺寸为265px。

你打算制作它有多小？ - 你可以缩小div里面的一个或两个吗？

Answer 2

您想要做多少HTML和CSS的重做？基于表格的布局并不能为您提供真正需要的控制量。

问题可能是table.categories设置为268px宽：

table.categories {margin-top: 43px; width: 268px;}

或者您的列表元素在该表中的负余量为12px：

.categories ul li {margin: 0 0 0 -12px; color: #136376;}

或者categorycontent td的左侧填充为5px：

.categorycontent {padding: 0 0 3px 5px; }

也许尝试稍微修改这些值，看看你是否可以解决它。