Delete the outer line of a table [Archive]

Click to See Complete Forum and Search --> : Delete the outer line of a table

Neles

07-23-2003, 04:09 PM

I've made a table with HTML code, my question is if it is possible to delete (or make invisible for te visitors of my webpage) the outer line of the table? If you don't exactly understand my explanaition, please see my picture, you'll understand.

Thnx NELES

This is the table:

================= Outer line
--------------------------- Inner lines
|
|
---------------------------

Charles

07-23-2003, 04:20 PM

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Example</title>
<table rules="all" frame="void" border="1" cellspacing="0">
<tr>
<th>Heading</th>
<th>Heading</th>
<th>Heading</th>
</tr>
<tr>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
<tr>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
<tr>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
</table>

And see http://www.w3.org/TR/html4/struct/tables.html#h-11.3.1.

Neles

07-24-2003, 11:09 AM

This is not exactly what I what I want to have. As you can see on:This Site (http://members.home.nl/p.nelen/Onder.html)
I have made a table this table consists out of boxes and a frameborder around it. I want to get rid(or make invisible for the visitors)of this border. How can I do that?

Charles

07-24-2003, 01:42 PM

1) You are not supposed to use TABLEs for layout.

2) My example does exactly what I understand that you want. What am I missing?

Neles

07-24-2003, 02:41 PM

I would like squares around my text now I only get 2 straight lines around my textbox

Charles

07-24-2003, 02:48 PM

You're still not being clear, but I think that you might want to try increasing the size of the "cellspacing".

spufi

07-24-2003, 02:54 PM

I'm going to take a stab in the dark here. It looks like how the border is done, that the border makes it look like there is two different borders around things, and they only want one. Here's a non finalized version of my answer. I would continue to use more CSS and get rid of even more code, ideally the tables all together, but anyway.

In your <head> tag.

<style>

</style>

New code for <table> tag.

<table>
<tr>
<td align="center"><img src="heineken.jpg" width="205" height="153" alt="Heineken" border="0"></td> <td valign="top"><h3>Site gaar</h3>

site laat sommige foto's niet meer zien, kunne wij ook niet veel aandoen maar er komt erg snel de vernieuwde adfundum</td>
<tr>
<td valign="top"><h3>Laatste Update</h3><b>23 Juni:</b> Site geheel vernieuwd. Met dank aan <i>Neles</i></td> <td valign="top"><h3>Gewoon ff een weetje......</h3>
Feest in de Bobbies is goedgekeurt door 4 adfundumleden, helaas kon de laatste er niet bij zijn, maar Alexander, Maurice, Ger, Michiel hebben het feest zeer zeker goedgekeurt, dat gebeurde op het biergehalte en vrouwgehalte en dat was allebei heel goed:D</td>
</tr>
<tr>
<td valign="top"><h3>Opmerking van het weekend:</h3>

Soms leuk een vrouw, maar uit eindelijk kom je altijd weer terug op de pilsner, die laat je nooit in de steek....hele sterke opmerking---->Frank
</td> <td></td>
</tr>
<table>

Neles

07-24-2003, 03:01 PM

you're great that's exactly what I want.

Thnx