Table Borders

Table Borders (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets and Accessibility

Message

BeTheBall -> Table Borders (3/16/2005 11:17:24)
Not sure if this is a CSS question, but someone will know the answer anyway. [;)] I have a table with two rows and two columns. I want a border around the table and between the two columns, but do not want a border between rows. Is there a way to suppress just that border? One might wonder why I don't just use one row, which is a fair question. The reason is the second row contains a form element that when clicked goes to a new page. I want to make sure my users who use screenreaders are able to access the right column material before being directed to the next page. However, the border between the rows looks bad for regular users.

jaybee -> RE: Table Borders (3/16/2005 11:25:01)

Quick way, select your table and use the border thingy on the menu bar up the top. Or Format>Border

Select the lot and put a border round it then choose the line down the middle border (assumes you're using FP2003).

If not code for it is (yukky yukky FP)

 
<table border="0" cellpadding="3" cellspacing="0" width="75%" id="table1">
    <tr>
      <td style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-top-style: solid; border-top-width: 1px"> </td>
      <td style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-top-style: solid; border-top-width: 1px"> </td>
    </tr>
    <tr>
      <td style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-bottom-style: solid; border-bottom-width: 1px"> </td>
      <td style="border-left-style: solid; border-left-width: 1px; border-right-style: solid; border-right-width: 1px; border-bottom-style: solid; border-bottom-width: 1px"> </td>
    </tr>
  </table>

Or do you specifically want css?

Mike54 -> RE: Table Borders (3/16/2005 11:42:59)
Something like this? [image]http://www.direb.familyqwest.com/outfront/duane.jpg[/image] highlite your table > right click > select table properties > Style > Format > Border, select "box", "solid", pick a thickness and color and OK - OK - OK. Now your table has an outside border. Highlite your two right cells (it could be the left [;)]) > right click > select cell properties and follow the above sequence. Before clicking OK, OK, OK deselect the borders that you don't want in the preview box to the right, that should give you a center line. Note: I have no idea if this works across browsers.[:D]

BeTheBall -> RE: Table Borders (3/16/2005 11:52:15)
Thank jaybee. I have used FP for more than 3 years and had never noticed the little border icons. I use them all the time in Word, but didn't notice them in FP. I just recently upgraded to FP 2002 (thanks to bobby). Wonder if they weren't available in 2000. Thanks again.

Page: [1]

0.0625