Topic: Table Borders

I'm trying to only have one outside border on my table and not have the inside be segmented up, though there are segments...I just don't want lines on the inside, just on the outside because they are floating to the right or left of text and the border will help distinguish them better. Here's what I have now:

<table class="left" width=250 cellspacing="5">

<tr>

<th><h3>NO HYPOTHESIS</h3></th>

</tr>

<tr>

<td>In the 'Principia'(1687), Newton states that "there is a power of gravity pertaining to all

bodies, proportional to the several quantities of matter which they contain."  As the story

goes, when Newton was questioned about how this "power of gravity" transmitted from one

body to another, he responded, "I make no hypothesis."</td>

</tr>

</table>

Here's what I thought would work:

<table border="1">

<tr>

   <table class="left" width=250 cellspacing="5">

   <tr>

   <th><h3>NO HYPOTHESIS</h3></th>

   </tr>

   <tr>

   <td>In the 'Principia'(1687), Newton states that "there is a power of gravity pertaining to all

   bodies, proportional to the several quantities of matter which they contain."  As the story

   goes, when Newton was questioned about how this "power of gravity" transmitted from one

   body to another, he responded, "I make no hypothesis."</td>

   </tr>

   </table>

</tr>

</table>

But that doesn't work. Any suggestions? Thanks!

Genevieve<---that's me!!
Jinxed<--------that's me too(in description form)!!

Wowzers! o.O
Visit my cell! http://faq.ozoneasylum.com/FaqWiki/shownode.php?id=754&sortby=rating

This is a situation that calls for some CSS (not that it couldn't be done with tables, that's just not your best solution).

drop this in your head and change border attributes accordingly:

<style>
.border_table {
border: #000000 1px solid;
}
</style>

then add:
class="border_table"

To your table tag. With what you have now (not on your attempt) this should work fine.



.:[ Never resist a perfect moment ]:.

And just so you know, the "border_table" is completely arbitrary. You could use

.monkey {
border: solid #000000 1px;
}

class="monkey" to your table tag....

I think you might also need to turn off the internal borders:

.border_table td, .border_table tr {

border: 0px;

}

___________________
Emps

FAQs: Emperor

Emp: I don't quite understand what you are doing. Could you explain?

Also, now I have run into another problem with that. You see, I'm already using .left/right/center for the three tables I've got on the page (one of each of those) and thus each table already has a class="left/right/center". Can it have two classes or should I add the border attribute to each of those classes?

I noticed the table takes on the class that is put first, completely ignoring the second.

One more thing. Can you explain why you have the "#000000"? I understand, at least I think I do, the 1px and solid which specify the border type and how big it is but what are the 6 zeros for? Thanks!

Genevieve<---that's me!!
Jinxed<--------that's me too(in description form)!!

Wowzers! o.O
Visit my cell! http://faq.ozoneasylum.com/FaqWiki/shownode.php?id=754&sortby=rating

Then simply add that style to the classes that already exist. A little more typing, but worth the effort:

<style type='text/css'>

 .left{

[i]style you already have[/i]

border: #000000 1px solid;

}

[i]repeat for .center and .right[/i]

The #000000 is hex code for black. On the web we often use hex codes to indicate color. There are a few color words that are recognized (black is one of them) but hex codes are so much more precise to get the color you want.
First two digits are the red 'channel', second two digits are the green 'channel' and third two digits are the blue 'channel', all in hexadecimal (0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f) instead of the decimal (0,1,2,3,4,5,6,7,8,9) most are used to.
hex - dec
00 - 0
ff - 255
So you get the full 256 choices for each red, green and blue.

#ffffff = white
#000000 = black
#ff0000 = pure red
#00ff00 = pure green
#0000ff = blue

PS color picker gives you hex values for a color you pick. It is in the lower right corner of the color picker box.

[edit]stupid fingers[/edit]

[This message has been edited by mobrul (edited 09-06-2002).]

I wonder...

If I put

table {border: #000000 1px solid;}

in my css style sheet that I'm using for all my pages, will that screw up the tables that I actually want regular borders on or will it only affect the tables that don't have, for example <table border="10">?

Also, if I add the .right {float: right;} to that same style sheet, will that still be okay and I can just add the class to the tables and pics I want floating?

[edit: Just noticed the post that got added about the same time as mine. Yup, that's what I'll end up doing if putting it in my style sheet will screw up the others. Actually, I think I'm gonna add the .right/center/left stuff to the style sheet as well]

Thanks!

Genevieve<---that's me!!
Jinxed<--------that's me too(in description form)!!

Wowzers! o.O
Visit my cell! http://faq.ozoneasylum.com/FaqWiki/shownode.php?id=754&sortby=rating

[This message has been edited by Genevieve (edited 09-06-2002).]