>Форум Mozilla Россия
   http://forum.mozilla-russia.org/index.php
>Разработка
   http://forum.mozilla-russia.org/viewforum.php?id=18
>Не работают стили для колонок в таблице
   http://forum.mozilla-russia.org/viewtopic.php?id=9429

flap > 04-04-2006 11:26:34

Добрый день!

У меня есть тестовая страничка в которой задаются стили для таблицы, её код внизу. В IE все работает, а в Firefoxe 1.5 нет.
Подскажите, плз, в чём дело?

<HTML>
<BODY>
<input type="button" name="mybutton" value="скрыть" onclick= "my_onclick()" >

<TABLE id=mytab >
<!-- RULES is set to "groups", which has no effect in this sample. For this
attribute to work, you must use COLSPAN to define the groups of columns.-->
    <COL SPAN="1" ID=col1 STYLE="color:red">
    <COL SPAN="1" ID=col2 STYLE="color:green">
    <COL SPAN="1" ID=col3 STYLE="color:blue">
    <COL SPAN="1" ID=col4 STYLE="color:yellow">
     <TR>
        <TD>This column is in the first group.</TD>
        <TD>This column is in the second group.</TD>
        <TD>This column is in the third group.</TD>
            <TD>This column is in the four group.</TD>
    </TR>
    <TR>
        <TD>This column is in the first group.</TD>
        <TD>This column is in the second group.</TD>
        <TD>This column is in the third group.</TD>
    <TD>This column is in the four group.</TD>
    </TR>
</TABLE>
<SCRIPT type="text/javascript">

function my_onclick() {
if (col1.style.display=='none'){
col1.style.display='inline'
}
else{
col1.style.display='none'
}
//self.print()
}
</SCRIPT>

</BODY>
</HTML>

Lynn > 04-04-2006 11:55:04

http://www.w3.org/TR/CSS21/tables.html#q4

А вообще этот момент очень плохо проработан в стандарте. :(

flap > 04-04-2006 13:04:00

Спасибо, за ценную ссылку.
Со скрытием, показом колонок разобрался. В лисе нужно вместо свойства display, использовать visibility со значениями collapse и visible. А с цветом всё хуже, кажется там просто нет нужного свойства, так ведь?

тогда рабочий код для скрытия показа колонок будет такой:
function my_onclick() {
    if (col1.style.visibility=='collapse'){
        col1.style.visibility='visible'
}
else{
col1.style.visibility='collapse'
}
//self.print()
},
но в этом случае в IE не работает.

Lynn > 04-04-2006 13:20:59

CSS:

Выделить код

Код:

col.hide {
	visibility: collapse;
}
* html col.hide {
	display: none;
}

JS:

Выделить код

Код:

if (col1.className == 'hide'){
  col1.className = ''
}
else{
  col1.className = 'hide'
}
Al_H > 04-04-2006 13:47:32

flap
У Мозиллы действительно есть определенные проблемы со стилями столбцов и групп столбцов. Например, не работает :hover.