html table rules=all, css border:none Mozilla1.6- incl draws still nasty interiour border

html table rules=all, css border:none Mozilla1.6- incl draws still nasty interiour border

Post by Marek M » Wed, 04 Feb 2004 09:40:07


When using <TABLE rules="all"> Mozilla 1.6 and previous versions
draw a *** interiour border, which doesnt go away though I have
on TD's css border:none set.

Is it something wrong with my stylehseet or is it a bug of mozilla?
I am asking this because of IE and Opera work differently here.



<style>
table.calendar{
width:492px;
margin-bottom:10px;
border:none;
font:10px Verdana;
background:#cddefc;
}

table.calendar tbody th{
padding:3px 0px;
vertical-align:middle;
border:none;
color:#5d71a5;
font-weight:normal;
}


table.calendar tbody td{
padding:2px 5px 2px 5px;
vertical-align:middle;
text-align:right;
border:none;
border-top:1px solid white;
color:#000;
}

</style>

<table class="calendar" border="1" cellspacing="0" cellpadding="5"
frame="void" rules="all">
<thead>
<tr>
<td><a href="handleform?go=prev_month">«</a></td>
<td colspan="5"> jaanuar 2004 </td>
<td><a href="handleform?go=next_month">»</a></td>
</tr>
</thead>
<tbody>
<tr><!-- esimene nal -->
<td></td>
<td></td>
<td></td>
<td><a href="handleform?go=1">1</a></td>
<td><a href="handleform?go=1">2</a></td>
<td><a href="handleform?go=1">3</a></td>
<td><a href="handleform?go=1">4</a></td>
</tr>
<tbody>
</table>
 
 
 

html table rules=all, css border:none Mozilla1.6- incl draws still nasty interiour border

Post by Matthias G » Wed, 04 Feb 2004 18:46:13


No, the result is not undefined. frame and rules are valid table
attributes. It's just that some browsers have never handled them correctly.


Matthias

 
 
 

html table rules=all, css border:none Mozilla1.6- incl draws still nasty interiour border

Post by google-200 » Thu, 05 Feb 2004 02:22:15


Can't help wondering why people do such things? Make sure the
"border-collapse" property is set for the table as well as "border"
for the cell.


Would be nice if it were so, it would be a good argument to use. The
browser is supposed to convert HTML attributes to their equivalent CSS
rules and add them to the cascade with the lowest level of precedence,
thus an author's <FONT color="blue"> loses to a user styleheet with
font {color: black} even if the user stylesheet doesn't include
!important. (IIRC)

Of course it's up the browser makers what they consider the equivalent
of any particular attribute specification to be. What to make of
rubbish like <TABLE rules="all"> is anyone's guess. (Vague
recollection turns to wild speculation here) Mine would be:
TABLE {border-collapse: collapse} TD, TH {border: thin solid}
To undo the damage you'd need to reset the border-collapse to
"seperate", "separate" "apart" "no" or whatever it is???


You still have the knack for a concise turn of phrase, I see.

--
Heard on television:
"kilommittees"
(trying to say "kilometres" while apparently thinking "committee")
 
 
 

html table rules=all, css border:none Mozilla1.6- incl draws still nasty interiour border

Post by DU » Thu, 05 Feb 2004 09:54:30


All of this can be very easily avoided: just put coherence and
complementarity into the css declarations and the html attributes. Best
is to only use css properties when styling and/or formating are involved.

DU