I know the topic has been covered before, still i do not understand formatting table with CSS. Offcourse, complication is also that different browsers i use handle it differently (at least on a mac i am using safari, mozilla and IE) and i am never sure if i make a mistake or it is a "hidden feature" of one of the browsers <big smile><br />
<br />
Anyway,<br />
i want a thin colored line just at the bottom of a 1 row table. Formatting is done using a style sheet.<br />
<br />
This is in my style sheet:<br />
.tableheader {<br />
color:#000066;<br />
font-size:12 px;<br />
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;<br />
background-color:#CCCCFF;<br />
border: 1 px;<br />
border-color:green;<br />
border-style:solid;<br />
frame:below;<br />
}<br />
My table call is :<br />
<br />
< table class="tableheader"><br />
<br />
</table><br />
<br />
I still get a box around my table.<br />
<br />
I just want a very thin line at the bottom.<br />
<br />
Please help me out on this one<br />
<br />
Thanks<br />
Jitse<!--content-->border-bottom: 1px solid #090;<!--content-->Thanks, for your response.<br />
However, i now have a solid line at the bottom of the table, but it is not what i expected.<br />
For testing purposes this line should be red,<br />
it is kind of yellow.<br />
So i still have a problem<br />
this is my style sheet code<br />
.tableheader {<br />
color:#00f;<br />
font-size:12 px;<br />
font-family: 'Lucida Grande' Geneva, Verdana, Arial, Helvetica, sans-serif;<br />
background-color:#edf3fe;<br />
font-weight:bold;<br />
text-decoration:none;<br />
border-top: solid 0 px #000066;<br />
border-left: solid 0 px #000066;<br />
border-right: solid 0 px #000066;<br />
border-bottom: solid 2 px #FF0000;<br />
<br />
}<br />
This is my table (kind of)<br />
<Table><br />
<TR><br />
<TD class="tableheader"><br />
</TD><br />
</TR><br />
</Table><br />
<br />
i had hoped to get a red line<br />
But no<br />
Any suggestions<br />
Jitse<!--content-->Mea Culpa : i forgot about the order,<br />
it works<br />
Jitse<!--content-->If you are using a <td> tag for a header, shouldn't you use a table header tag, <th>, instead?<br />
<br />
<!-- m --><a class="postlink" href="http://www.w3schools.com/tags/tag_th.asp">http://www.w3schools.com/tags/tag_th.asp</a><!-- m --><!--content-->Originally posted by jitseschaafsma <br />
border-top: solid 0 px #000066;<br />
border-left: solid 0 px #000066;<br />
border-right: solid 0 px #000066;<br />
border-bottom: solid 2 px #FF0000;<br />
<br />
I saw this on a later look through. 0 border doesn't need to be defined with a solid line and colors since it won't be showing up anyway. You should be able to just define the bottom border and be set.<br />
<br />
The formal order to define a border in the short form is width, style, color.<br />
<br />
<!-- m --><a class="postlink" href="http://www.w3schools.com/css/css_reference.asp#border">http://www.w3schools.com/css/css_reference.asp#border</a><!-- m --><!--content-->Indeed you are right,<br />
i fighting with tables and borders i overlooked that point,<br />
anyway many thanks it works all the way<br />
Jitse<!--content-->
<br />
Anyway,<br />
i want a thin colored line just at the bottom of a 1 row table. Formatting is done using a style sheet.<br />
<br />
This is in my style sheet:<br />
.tableheader {<br />
color:#000066;<br />
font-size:12 px;<br />
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;<br />
background-color:#CCCCFF;<br />
border: 1 px;<br />
border-color:green;<br />
border-style:solid;<br />
frame:below;<br />
}<br />
My table call is :<br />
<br />
< table class="tableheader"><br />
<br />
</table><br />
<br />
I still get a box around my table.<br />
<br />
I just want a very thin line at the bottom.<br />
<br />
Please help me out on this one<br />
<br />
Thanks<br />
Jitse<!--content-->border-bottom: 1px solid #090;<!--content-->Thanks, for your response.<br />
However, i now have a solid line at the bottom of the table, but it is not what i expected.<br />
For testing purposes this line should be red,<br />
it is kind of yellow.<br />
So i still have a problem<br />
this is my style sheet code<br />
.tableheader {<br />
color:#00f;<br />
font-size:12 px;<br />
font-family: 'Lucida Grande' Geneva, Verdana, Arial, Helvetica, sans-serif;<br />
background-color:#edf3fe;<br />
font-weight:bold;<br />
text-decoration:none;<br />
border-top: solid 0 px #000066;<br />
border-left: solid 0 px #000066;<br />
border-right: solid 0 px #000066;<br />
border-bottom: solid 2 px #FF0000;<br />
<br />
}<br />
This is my table (kind of)<br />
<Table><br />
<TR><br />
<TD class="tableheader"><br />
</TD><br />
</TR><br />
</Table><br />
<br />
i had hoped to get a red line<br />
But no<br />
Any suggestions<br />
Jitse<!--content-->Mea Culpa : i forgot about the order,<br />
it works<br />
Jitse<!--content-->If you are using a <td> tag for a header, shouldn't you use a table header tag, <th>, instead?<br />
<br />
<!-- m --><a class="postlink" href="http://www.w3schools.com/tags/tag_th.asp">http://www.w3schools.com/tags/tag_th.asp</a><!-- m --><!--content-->Originally posted by jitseschaafsma <br />
border-top: solid 0 px #000066;<br />
border-left: solid 0 px #000066;<br />
border-right: solid 0 px #000066;<br />
border-bottom: solid 2 px #FF0000;<br />
<br />
I saw this on a later look through. 0 border doesn't need to be defined with a solid line and colors since it won't be showing up anyway. You should be able to just define the bottom border and be set.<br />
<br />
The formal order to define a border in the short form is width, style, color.<br />
<br />
<!-- m --><a class="postlink" href="http://www.w3schools.com/css/css_reference.asp#border">http://www.w3schools.com/css/css_reference.asp#border</a><!-- m --><!--content-->Indeed you are right,<br />
i fighting with tables and borders i overlooked that point,<br />
anyway many thanks it works all the way<br />
Jitse<!--content-->