Problem with table borders_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 12:08:21
Original
1090 people have browsed it

<style type="text/css"><!-- .thin{background:#000000}.thin td{background:#FFFFFF}--></style><table border="0" cellspacing="1" cellpadding="0" width="100%" class="thin" frame=void bordercolor="#FFFFFF">          <tr>            <td width="17%"> </td>            <td width="16%"> </td>            <td width="16%"> </td>            <td width="17%"> </td>            <td width="17%"> </td>            <td width="17%"> </td>          </tr>          <tr>            <td> </td>            <td> </td>            <td> </td>            <td> </td>            <td> </td>            <td> </td>          </tr>          <tr>            <td> </td>            <td> </td>            <td> </td>            <td> </td>            <td> </td>            <td> </td>          </tr>        </table>
Copy after login

I made a table with thin borders, but some cells need to be split and some need to be merged. After completion, the right border of some tables cannot be displayed on the page. What should I do? thing? Below is the version after taking the photo. The border on the right side of the third column is not displayed when browsing? ?
<table border="0" width="100%" cellspacing="1" cellpadding="0" bgcolor="#000000" frame="border" >          <tr>            <td width="15%" height="30" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td colspan="3" bgcolor="#FFFFFF"> </td>            <td width="21%" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td colspan="2" bgcolor="#FFFFFF"> </td>            </tr>          <tr>            <td height="30" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td colspan="2" bgcolor="#FFFFFF"> </td>            <td width="14%" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            <td width="18%" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td width="15%" bgcolor="#FFFFFF"> </td>            </tr>          <tr>            <td height="30" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td colspan="2" bgcolor="#FFFFFF"> </td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            </tr>          <tr>            <td height="30" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td colspan="2" bgcolor="#FFFFFF"><p align="center"> </p></td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              			</td>            <td bgcolor="#FFFFFF"> </td>            </tr>          <tr>            <td height="30" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td colspan="2" bgcolor="#FFFFFF"><p align="center"> </p></td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            </tr>          <tr>            <td height="30" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td colspan="2" bgcolor="#FFFFFF"><p align="center"> </p></td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            </tr>          <tr>            <td height="30" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td colspan="2" bgcolor="#FFFFFF"><p align="center"> </p></td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            </tr>          <tr>            <td height="30" colspan="2" bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td height="30" colspan="3" bgcolor="#FFFFFF"> </td>            <td bgcolor="#FFFFFF" class="STYLE18"><p align="center"> </p>              </td>            <td bgcolor="#FFFFFF"> </td>            </tr>                    <tr>            <td height="30" colspan="2" align="left" bgcolor="#FFFFFF" class="STYLE18"><p> </p>              </td>            <td height="30" colspan="5" bgcolor="#FFFFFF" class="STYLE18"><p> </p>              </td>          </tr>          <tr>            <td height="30" colspan="2" align="center" bgcolor="#FFFFFF" class="STYLE18"> </td>            <td height="30" colspan="5" bgcolor="#FFFFFF"> </td>          </tr>          <tr>            <td height="30" colspan="2" align="center" bgcolor="#FFFFFF" class="STYLE18"><p> </p>              </td>            <td height="30" colspan="5" bgcolor="#FFFFFF"> </td>            </tr>          <tr>            <td height="30" align="center" bgcolor="#FFFFFF" class="STYLE18"><p> </p>              </td>            <td height="30" colspan="3" bgcolor="#FFFFFF"> </td>            <td align="center" bgcolor="#FFFFFF" class="STYLE18"><p> </p>              </td>            <td colspan="2" bgcolor="#FFFFFF"> </td>            </tr>        </table>
Copy after login


Reply to discussion (solution)

No problem, yes Your cells are merged.

I split some tables and then merged some tables, but when merging some tables, it will affect other tables. For example, this is the case now. The seventh row will affect the third column from the second row to the sixth row. In IE, the right borders of these cells are not displayed.

Use the debugging tool to see if you don't write it in the cell. Good mark, see if the merge is wrong

You can’t tell it by just looking at it

.
Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template