473,322 Members | 1,523 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,322 software developers and data experts.

a border around a row of a table ?

Mel
is it possible to draw a border around a row of a table ?

example please...

thanks
Jul 21 '05 #1
5 75475
Els
Mel wrote:
is it possible to draw a border around a row of a table ?

example please...

thanks


table{border-collapse:collapse;}
tr.row td{
border-width:1px 0;
border-style:solid;
border-color:black;
}
tr.row td.left{
border-width:1px 0 1px 1px;
}
tr.row td.right{
border-width:1px 1px 1px 0;
}
<table>
<tr class="row">
<td class="left"></td>
<td></td>
<td></td>
<td class="right"></td>
</tr>
<tr>
.....
</tr>
</table>
--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Jul 21 '05 #2
On Fri, 3 Jun 2005 18:32:10 +0200, Els wrote:
Mel wrote:
is it possible to draw a border around a row of a table ?

example please...

thanks


table{border-collapse:collapse;}
tr.row td{
border-width:1px 0;
border-style:solid;
border-color:black;
}
tr.row td.left{
border-width:1px 0 1px 1px;
}
tr.row td.right{
border-width:1px 1px 1px 0;
}
<table>
<tr class="row">
<td class="left"></td>
<td></td>
<td></td>
<td class="right"></td>
</tr>
<tr>
....
</tr>
</table>


I tried the much simpler and more intuitive
tr.row { border: 1px solid black; }
(see http://www.trawna.com/test/rowborder.html for a live example)

It works in Opera 6.04 and 7.23 and Firefox 1.02. Mozilla 1.0 puts a
border across the top and bottom of the row, but not the left and right.
Netscape 6.2.3 and IE 6.0 (and presumably all older versions) don't
display any border at all. I've never been good at reading standards;
is this an area that is undefined, or is it just spotty conformance?

--
Greg Schmidt gr***@trawna.com
Trawna Publications http://trawna.com/
Jul 21 '05 #3
Els
Greg Schmidt wrote:
On Fri, 3 Jun 2005 18:32:10 +0200, Els wrote:
Mel wrote:
is it possible to draw a border around a row of a table ?

example please...

thanks
table{border-collapse:collapse;}
tr.row td{
border-width:1px 0;
border-style:solid;
border-color:black;
}
tr.row td.left{
border-width:1px 0 1px 1px;
}
tr.row td.right{
border-width:1px 1px 1px 0;
}
<table>
<tr class="row">
<td class="left"></td>
<td></td>
<td></td>
<td class="right"></td>
</tr>
<tr>
....
</tr>
</table>


I tried the much simpler and more intuitive
tr.row { border: 1px solid black; }
(see http://www.trawna.com/test/rowborder.html for a live example)

It works in Opera 6.04 and 7.23 and Firefox 1.02. Mozilla 1.0 puts a
border across the top and bottom of the row, but not the left and right.
Netscape 6.2.3 and IE 6.0 (and presumably all older versions) don't
display any border at all. I've never been good at reading standards;


Maybe that's IE's problem too ;-)
is this an area that is undefined, or is it just spotty conformance?


Specs for both CSS 2.1 and CSS 1 state that borders are applicable to
all elements, that would include <tr> imo. So it's just not supported
by IE, and since IE is still being used by a vast amount of surfers, I
use the work around above.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Jul 21 '05 #4
in comp.infosystems.www.authoring.stylesheets, Els wrote:
Mel wrote:
is it possible to draw a border around a row of a table ?

example please...

thanks


table{border-collapse:collapse;}


Well, after above
tr.row {border:2px solid red} is enough.

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
Utrecht, NL.
Support me, buy Opera:
https://secure.bmtmicro.com/opera/bu...tml?AID=882173
Jul 21 '05 #5
Els
Lauri Raittila wrote:
in comp.infosystems.www.authoring.stylesheets, Els wrote:
Mel wrote:
is it possible to draw a border around a row of a table ?

example please...

thanks


table{border-collapse:collapse;}


Well, after above
tr.row {border:2px solid red} is enough.


Not in IE.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -
Jul 21 '05 #6

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
by: Markus | last post by:
hi, i am new to the xsl-fo-pdf-stuff... i want to create a pdf document with apache-fop. in this document i do have a border around two blocks. my designer want to have round corners for the...
10
by: Vigil | last post by:
I am trying to put a 7px border around a page. If the contents don't fill up the viewport, then the border must appear all around the viewport. If the page is larger than the viewport, then the...
7
by: jeff | last post by:
Doing this: td{border: 1px solid black} gives me 2px borders on adjacent cells. How do I get the same size border on inside cell walls as outside, much as <table border="1" cellspacing="0">...
23
by: Bob Bedford | last post by:
I've a table. The table must not have any border. The TR (every line) must have a border, but not the lines between cells. The TR.pages must have no border. so .mytable{border:0px;} ...
8
by: UJ | last post by:
I have a table with multiple cells and I want to draw a box around the entire table but not around the individual cells. How do I do that? TIA - Jeff.
1
by: constantlearner | last post by:
I have the following code, which you can paste into an html file and try. In IE, a border appears around the selection box. How do I make the border around the selection box transparent, or have no...
5
by: smittie31 | last post by:
I am having a problem with a border around me html page. The border does not flow thru the whole html page, it cuts off halfway. --> See http://keithborom.com/marlon-sanders CSS STYLESHEET ...
5
by: Hendrik Maryns | last post by:
Hi, A friend complained that the border around the lower code part on http://tcl.sfs.uni-tuebingen.de/~hendrik/keyboard.shtml is too small for the content. This is because his window size is so...
1
by: drappaport | last post by:
When my website is viewed in IE6 on a PC and IE 5.2 on a mac my images that I've used as links have an ugly blue border around them. When you click on them it changes to a purple border. I am trying...
0
by: ryjfgjl | last post by:
ExcelToDatabase: batch import excel into database automatically...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
0
by: ArrayDB | last post by:
The error message I've encountered is; ERROR:root:Error generating model response: exception: access violation writing 0x0000000000005140, which seems to be indicative of an access violation...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
1
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
1
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
1
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.