为td / tr的边界疯狂! [英] Getting crazy with borders for td/tr's!

查看:93
本文介绍了为td / tr的边界疯狂!的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述




我真的在这疯狂!我只是不明白为什么会发生这种情况

td / tr的边界!我只想在

行(或td)的底部有一个边框,但我不能这样做!我尝试了很多不同的方式,但我只是认为这样做:td {border-bottom:#000000 1px

solid;}但不是!我究竟做错了什么?因为我可以在FF中设置一个

td或tr的边框,对吧?!


感谢这里的任何帮助!表和CSS在下面..


Gnolen


< table cellspacing =" 0" class =" admintable">

< tr>

< td>< / td>

< td>< ; / td>

< td align =" center">< / td>

< td align =" center">< / td>

< td align =" center">< / td>

< td align =" center">< / td>

< td align =" center">< / td>

< td align =" center">< / td>

< td align =" center">< / td>

< td align =" center">< / td>

< td align =" center"">< / td>

< / tr>


< tr class =" row1">

< td>< / td>

< td>< / td>

< td>< / td>

< td align =" center">< / td>

< td align =" center" >< / td>

< td align =" center">< / td>

< td align =" center">< / td>

< td align =" center">< / td>

< td align =" center">< / td>

< td align =" center">< / td>

< td align =" center">< / td>

< / tr>


< tr class =" row2">

< td>< / td>

< td>< / td>

< td> < / td>

< td align =" center">< / td>

< td align =" center">< / td>

< td align =" center">< / td>

< td align =" center">< / td> ;

< td align =" center">< / td>

< td align =" center">< / td>

< td align =" center">< / td>

< td align =" center">< / td>

< / tr>


< / table>


W这个样式表:


TABLE.admintable {

FONT-WEIGHT:bold;

背景:#cc1;

MARGIN-BOTTOM:15px;


宽度:100%;

颜色:#000;


BORDER-COLLAPSE:崩溃;

TEXT-ALIGN:left;

border-spacing:2px;

FONT-SIZE:90 %;

}


TABLE.admintable A:悬停{

TEXT-DECORATION:下划线;

}


TABLE.admintable TD {border-bottom:#000000 1px solid;

PADDING:3px;

}


..row1 {

FONT-WEIGHT:正常;;

颜色:#265980 ;;

背景:#f6f6f6;

颜色:#000;

}


..row2 {

FONT-WEIGHT:正常;

颜色:#265980;

背景:#fff;

颜色:#000;

}

Hi,

I am really getting crazy here! I just do not get why this happens with
the borders of the td/tr! I just want a border on the bottom of the
rows(or td) but I just can''t do it!!! I have tried so many different
ways but I just thought this would do it: td {border-bottom: #000000 1px
solid;} But no! What am I doing wrong? Because I can have a border of a
td or tr in FF, right?!

Thankful for any help here! Table and CSS is below..

Gnolen

<table cellspacing="0" class="admintable">
<tr>
<td></td>
<td></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center""></td>
</tr>

<tr class="row1">
<td></td>
<td></td>
<td></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
</tr>

<tr class="row2">
<td></td>
<td></td>
<td></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
<td align="center"></td>
</tr>

</table>

With this Stylesheet:

TABLE.admintable {
FONT-WEIGHT: bold;
BACKGROUND: #cc1;
MARGIN-BOTTOM: 15px;

WIDTH: 100%;
COLOR: #000;

BORDER-COLLAPSE: collapse;
TEXT-ALIGN: left;
border-spacing: 2px;
FONT-SIZE: 90%;
}

TABLE.admintable A:hover {
TEXT-DECORATION: underline overline;
}

TABLE.admintable TD {border-bottom: #000000 1px solid;
PADDING: 3px;
}

..row1 {
FONT-WEIGHT: normal;;
COLOR: #265980;;
BACKGROUND: #f6f6f6;
COLOR: #000;
}

..row2 {
FONT-WEIGHT: normal;
COLOR: #265980;
BACKGROUND: #fff;
COLOR: #000;
}

推荐答案

Gnolen写道:
Gnolen wrote:

我真的在这疯狂!我只是不明白为什么这会发生在
td / tr的边界上!我只想在
行(或td)的底部有一个边框,但我不能这样做!我尝试了很多不同的方法,但我只是认为这样做:td {border-bottom:#000000 1px
solid;}但不是!我究竟做错了什么?因为我可以在FF中有一个
td或tr的边框,对吧?!

感谢您的帮助!表和CSS在下面..
Hi,

I am really getting crazy here! I just do not get why this happens with
the borders of the td/tr! I just want a border on the bottom of the
rows(or td) but I just can''t do it!!! I have tried so many different
ways but I just thought this would do it: td {border-bottom: #000000 1px
solid;} But no! What am I doing wrong? Because I can have a border of a
td or tr in FF, right?!

Thankful for any help here! Table and CSS is below..




你有一个不起作用的实例吗?必须有一些东西

否则会阻止它工作。在FF中,在IE中,它不应该是
工作,因为只有在单元格中实际上有一些东西才能应用表格单元格上的边界。 br />

-

Els http:/ /locusmeus.com/

Sonhos vem。 Sonhos v?o。 Orestoébritfeito。

- Renato Russo -

现在播放:现状 - 走出丹佛



Do you have a live example of it not working? There must be something
else that stops it from working. In FF that is, in IE it shouldn''t
work, as borders on table cells only are applied if there''s actually
something in the cell.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos v?o. O resto é imperfeito.
- Renato Russo -
Now playing: Status Quo - Get Out Of Denver


谢谢Els,


不,我没有现实的例子我很害怕。但是我一直在取出单元格中的内容,所以它也应该在IE中工作..


任何想法可能出错?


谢谢/ Gnolen


Els写道:
Thanks Els,

No I do not have a live example I''m afraid. But I have been taking out
the content in the cells so it should work in IE too then..

Any idee what can be wrong?

Thanks / Gnolen

Els wrote:
Gnolen写道:

Gnolen wrote:



我真的在这疯狂!我只是不明白为什么这会发生在
td / tr的边界上!我只想在
行(或td)的底部有一个边框,但我不能这样做!我尝试了很多不同的方法,但我只是认为这样做:td {border-bottom:#000000 1px
solid;}但不是!我究竟做错了什么?因为我可以在FF中有一个
td或tr的边框,对吧?!

感谢您的帮助!表和CSS在下面..
Hi,

I am really getting crazy here! I just do not get why this happens with
the borders of the td/tr! I just want a border on the bottom of the
rows(or td) but I just can''t do it!!! I have tried so many different
ways but I just thought this would do it: td {border-bottom: #000000 1px
solid;} But no! What am I doing wrong? Because I can have a border of a
td or tr in FF, right?!

Thankful for any help here! Table and CSS is below..



你有一个不起作用的实例吗?必须有一些东西可以阻止它工作。在FF中,在IE中它不应该工作,因为只有在单元格中存在某些东西时才应用表格单元格上的边框。


Do you have a live example of it not working? There must be something
else that stops it from working. In FF that is, in IE it shouldn''t
work, as borders on table cells only are applied if there''s actually
something in the cell.



Gnolen写道:
Els写道:
Gnolen写道:
Gnolen wrote:
我真的在这疯狂!我只是不明白为什么这会发生在
td / tr的边界上!我只想在
行(或td)的底部有一个边框,但我不能这样做!我尝试了很多不同的方法,但我只是认为这样做:td {border-bottom:#000000 1px
solid;}但不是!我究竟做错了什么?因为我可以在FF中有一个
td或tr的边框,对吧?!

感谢您的帮助!表和CSS在下面..
I am really getting crazy here! I just do not get why this happens with
the borders of the td/tr! I just want a border on the bottom of the
rows(or td) but I just can''t do it!!! I have tried so many different
ways but I just thought this would do it: td {border-bottom: #000000 1px
solid;} But no! What am I doing wrong? Because I can have a border of a
td or tr in FF, right?!

Thankful for any help here! Table and CSS is below..



你有一个不起作用的实例吗?必须有一些东西可以阻止它工作。在FF中,在IE中它不应该工作,因为只有在单元格中存在某些东西时才应用表格单元格上的边框。



Do you have a live example of it not working? There must be something
else that stops it from working. In FF that is, in IE it shouldn''t
work, as borders on table cells only are applied if there''s actually
something in the cell.


<不,我没有一个现实的例子我很害怕。但是我一直在拿出单元格中的内容,所以它也应该在IE中运行..

任何想法可能出错?



No I do not have a live example I''m afraid. But I have been taking out
the content in the cells so it should work in IE too then..

Any idee what can be wrong?




不。我将你的代码复制到一个本地文件中它工作正常。

我会说请创建一个实例,然后有两个可能的结果:
a)它会工作

b)它不会工作,有人在这里会发现错误:-)


唯一的事情我能想到的没有一个例子是

傻事你的样式表是不是应该在哪里,

或者有不同的名字,或者有HTML里面。你知道,通常的

问题;-)


检查该样式表中是否有任何其他样式有效。


-

Els http://locusmeus.com/

Sonhos vem。 Sonhos v?o。 Orestoébritfeito。

- Renato Russo -



Nope. I copied your code into a local file and it worked fine.
I''d say please do create a live example, and then there are two
possible outcomes:
a) it will work
b) it will not work, and someone here will spot the error :-)

The only thing that I can think of without having an example is
something silly like your stylesheet isn''t where it is supposed to be,
or has a different name, or has HTML in it. You know, the usual
problems ;-)

Check if any other style in that stylesheet has any effect.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos v?o. O resto é imperfeito.
- Renato Russo -


这篇关于为td / tr的边界疯狂!的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆