联系表 7 table 样式问题

Question

这是联系表的link。 http://wallflowerstaffing.com/join-us/

如您所见，每行之间有一条细线，我尝试了很多方法，例如<table rules=none>、table{border-collapse: collapse; border:0;}，但其中 none 行得通。有什么办法可以删除所有行吗？我要使表格适合彩色背景，这些线条真的很烦人。

此外，还有一些下拉菜单，但是左边的下拉菜单将另一个下拉菜单推到了页面的右边缘，我尝试改变菜单的宽度<td width="300">但是没用。

非常感谢你的帮助。

下面是联系表格代码。

 <tr>
       <td width="300" height="80"><label>Gender
        [select gender "Male" "Female"]</label><td>
       <td width="300" height="80"><label>Fluent Language
        [select language "English" "Spanish" "French" "German" "Italian" "Russian"]</label><td>
</tr>

<tr>
       <td width="300" height="80"><label>Special Talent
        [select Talent "Actor" "Dancer" "Model" "Musician" "Artist" "DJ" "Photographer" "Mixologist" "Make Up Artist" "Other"]</label><td>
       <td  width="300" ><label> Link to your website on social media
       [url url-389] </label></td>

Answer 1

正在为您的 .entry-content tr td 应用顶部边框。

所以试试这个：

.entry-content tr td {
    border-top: none;
}

关于您的第二个问题，您应该能够删除这些行中多余的 <td></td> 并且它会正确呈现。

联系表 7 table 样式问题

contactform7 table styling problems

html

wordpress

html-table

contact-form-7

drop-down-menu