表格边框问题html [英] table border problem html

问题描述

<table>
<tr>
<td>[thethe-image-slider name="slide1"]</td>
<td><img src="http://www.getithome.in/wp-content/uploads/2012/07/250+-+Copy.jpg" /></td>
</tr>
</table>
<table>
<tr>
<td><img src="http://www.getithome.in/wp-content/uploads/2012/07/2502+-+Copy+2.jpg" /></td>
<td>[thethe-image-slider name="Slider2"]</td>
</tr>
</table>
<table>
<tr>
<td>[thethe-image-slider name="Slider3"]</td>
<td><img src="http://www.getithome.in/wp-content/uploads/2012/07/2502+-+Copy+2-2.jpg" /></td>
</tr>
</table>

<table>
<tr>
<td><img src="http://www.getithome.in/wp-content/uploads/2012/08/Untitled-3.jpg" /></td>
<td>[thethe-image-slider name="Slider4"]</td>
</tr>
</table>

<table>
<tr>
<td>[thethe-image-slider name="Slider5"]</td>
<td><img src="http://www.getithome.in/wp-content/uploads/2012/07/2502+-+Copy+2-2.jpg" /></td>
</tr>
</table>
<table>
<tr>
<td><img src="http://www.getithome.in/wp-content/uploads/2012/08/250-Copy.jpg" /></td>
<td>[thethe-image-slider name="Slider6"]</td>
</tr>
</table>
<style type="text/css">
    #one, #two {
        float: left;
    }
</style>

<div id="one"><img src="http://www.getithome.in/wp-content/uploads/2012/08/250-Copy.jpg" /></div>

<div id="two"><img src="http://www.getithome.in/wp-content/uploads/2012/08/250-Copy.jpg" /></div>
<style type="text/css">
    #one, #two {
        float: left;
    }
</style>
<br>
<br>
<div id="one"><img src="http://www.getithome.in/wp-content/uploads/2012/08/250-Copy.jpg" /></div>

这是我的代码.您可以在http://www.getithome.in
上看到输出.

问题是我可以看到边界线.
我要删除这些边界线.

请帮忙.
在此先感谢:)

This is my code. You can see the output here at http://www.getithome.in


The problem is that i can see the border line.
I want to remove these border lines.

Please help.
Thanks in Advance :)

推荐答案

看看实时页面-显然它已经在使用CSS.您需要从几个规则中删除border属性，以得到我认为您想要的外观.

看看style.css，您想要更改以下规则:
Chrome提供的行号-可能/可能不准确.
只需删除或注释掉/* exclude_rule here */以下样式中对边框的任何引用即可.

style.css-第639行

Had a look at the live page - clearly it''s already utilizing CSS. You need to remove the border property from a couple of rules to get the look I think you''re after.

Have a look inside style.css, you want to make changes to the following rules:
Line numbers given by Chrome - they may/may not be accurate.
Just remove or comment out /* excluded_rule here */ any reference to border in the below styles.

style.css - line 639

.entry img, img.thumbnail {
padding: 5px;
border: 1px solid #E6E6E6;
background: #F8F8F8;
}

style.css-1224行

style.css - line 1224

table {
border: 1px solid #E6E6E6;
border-right: 0;
border-bottom: 0;
width: 100%;
border-collapse: separate;
margin-bottom: 1em;
}

style.css-1225行

style.css - line 1225

table td, table th {
border-right: 1px solid #E6E6E6;
border-bottom: 1px solid #E6E6E6;
padding: 4px 8px;
vertical-align: top;
}

因此添加一些CSS来样式化表格.
http://www.w3schools.com/css/css_table.asp [

So add some CSS to style your table.
http://www.w3schools.com/css/css_table.asp[^]

这篇关于表格边框问题html的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！