Topic: Table Borders Pages that link to <a href="https://ozoneasylum.com/backlink?for=9515" title="Pages that link to Topic: Table Borders" rel="nofollow" >Topic: Table Borders\

 
Author Thread
Genevieve
Paranoid (IV) Inmate

From: Santa Clara, CA, USA
Insane since: Jul 2002

IP logged posted posted 09-06-2002 00:31 Edit Quote

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:

code:
<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:

code:
<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

bitdamaged
Maniac (V) Mad Scientist

From: 100101010011 <-- right about here
Insane since: Mar 2000

IP logged posted posted 09-06-2002 01:21 Edit Quote

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 ]:.

kretsminky
Maniac (V) Inmate

From: A little lower... lower... ahhhhhh, thats the spot
Insane since: Jun 2000

IP logged posted posted 09-06-2002 02:10 Edit Quote

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....

Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

IP logged posted posted 09-06-2002 03:38 Edit Quote

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

code:
.border_table td, .border_table tr {
border: 0px;
}



___________________
Emps

FAQs: Emperor

Genevieve
Paranoid (IV) Inmate

From: Santa Clara, CA, USA
Insane since: Jul 2002

IP logged posted posted 09-06-2002 18:19 Edit Quote

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

mobrul
Bipolar (III) Inmate

From:
Insane since: Aug 2000

IP logged posted posted 09-06-2002 19:21 Edit Quote

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

code:
<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).]

Genevieve
Paranoid (IV) Inmate

From: Santa Clara, CA, USA
Insane since: Jul 2002

IP logged posted posted 09-06-2002 19:21 Edit Quote

I wonder...

If I put

code:
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).]



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu