Question

我使用无序列表有5列5行的网格。网格有一个图像，在图像下面有一个超链接和描述，两者都来自数据库（FileMaker Pro通过PHP）。因此，每个网格单元由三个li项组成。现在我想要做的是在网格中的每个项目下面有两个按钮。按钮是图像，我想通过邮件抓住用户点击。这就是我所拥有的：

<form action="studio_grid_submit.php" method="post">
 <input type="hidden" name="submitted" value="true">
 <input type="image" src="images/accept.png" width="32" height="32" alt="Accept">
 <input type="image" src="images/revise.png" width="32" height="32" alt="Revise">
</form>

然后我尝试将该表单放入li项目中，首先将其作为父级别的另一个li项目，然后作为子级别作为最后一项。都没有奏效。图像，虽然32x32水平拉伸。如何在网格中的每个项目下添加两个按钮？

感谢。

Answer 1

我不认为这是对无序列表的有效使用。布局过于简单，需要嵌套。

我会使用无序列表来制作网格包装器，但是对每个单元格的内部使用“常规”HTML。

使用floats and clears。

的组合

输入type="image"最好使用CSS处理：

.submit {
    width:32px;
    height:32px;
    background-image:url(../Images/accept.png);
    float:left;
}

如何在网格下创建按钮？

1 个答案: