0

我正在一个使用表格作为结构的网站上工作，并且不可能访问它们并用 div 替换。我已经研究过使用 jquery 来删除和替换这些表，但现在这将是最后的解决方案......如果它甚至可能的话

它们带有一个也无法访问的默认样式（带有填充和边距）

我还在 Netsuite 上为这个项目使用了基础 5，所以我覆盖了 2 个样式表。

我正在使用这个 CSS 从 Foundation.css 附带的表格中去除边距和填充

   table, tr, td, table, table tr.even, table tr.alt, table tr:nth-of-type(even), table, table tr.odd, table tr.alt, table tr:nth-of-type(odd) {
    padding: 0px !important;
    margin: 0px !important;
}

它基本上做得很好，但我确实需要更具体，因为购物车也使用表格，它会去除所有边距和填充，并且不可能在之后添加它们，因为它不会占用它们。

这是我需要删除边距和填充的网站主体结构，但我希望它停在最后一个表格结构上，以允许我设置内部将使用表格的内容的样式。

感谢您的帮助！我希望我足够清楚；）

<div id='div__body' style="margin: 0px;  margin-top: 3px;">
    <table border='0' cellspacing='0' cellpadding='0' width='100%' id='__enclosingtable'>
        <tr>
            <td valign="top">
                <table border="0" cellpadding="0" cellspacing="0" width="100%">
                    <tr class='portletHandle' id='handle_welcomeMainPortlet' >
                        <td width='100%' height=0 align='left' valign='top'>
                            <table border=0 cellspacing=0 cellpadding=0 width='100%'>
                                <tr>
                                    <td width=0 height=0 align='left' valign='top' style='display:none'>
                                    </td>
                                </tr>
                                <tr>


<!-- MAIN CONTENT WITH DIVS OR TABLES  GOES HERE -->



                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</div>
4

2 回答 2

1

看看能不能帮到你：

table{
    border:1px solid #bbb;
    padding:0px;
    margin:0px;
}

table  table{
    border-color:red;
     padding:10px;
    margin:10px;
}

https://jsfiddle.net/AliAdravi/t5k7sa0q/

于 2015-08-24T18:57:07.403 回答
0

您的 tr 附加了一个 ID <tr class='portletHandle' id='handle_welcomeMainPortlet'>，您可以定位它以及嵌套在它下面的表格。理想情况下，您的行内会有一个表格单元格<td>，如下所示：

<table border=0 cellspacing=0 cellpadding=0 width='100%'>
   <tr>
      <td width=0 height=0 align='left' valign='top' style='display:none'>
      </td>
   </tr>
   <tr>
      <td>
          <div><!-- MAIN CONTENT WITH DIVS GOES HERE --></div>
      </td>
   </tr>
</table>

然后你可以这样定位：

   #handle_welcomeMainPortlet table tr td div {
       css code goes here...
    }

这是您审查的小提琴示例。http://jsfiddle.net/yongchuc/hrx0vwrf/2/

于 2015-08-24T18:54:39.573 回答