| View previous topic :: View next topic |
| Author |
Topic : "*thinks* *thinks some more* *explodes*" |
Rat
member
Member #
Joined: 10 Feb 2002
Posts: 851
Location: Vancouver, BC, Canada
|
 Posted: Thu Jan 16, 2003 8:55 am |
 |
 |
Does anyone know how to do tables with a BLACK border, as opposed to an ugly one? And if anyone does know, can they please, please, PLEASE help me?
Did I mention please?
_________________
~Gio
afterglow |
|
| Back to top |
|
Matthew
member
Member #
Joined: 05 Oct 2002
Posts: 3784
Location: I am out of here for good
|
| Posted: Thu Jan 16, 2003 8:57 am |
|
|
| are you using photoshop or painter? |
|
| Back to top |
|
Rat
member
Member #
Joined: 10 Feb 2002
Posts: 851
Location: Vancouver, BC, Canada
|
| Posted: Thu Jan 16, 2003 9:03 am |
|
|
oops...*smacks head*
I'm actually coding in HTML. Sorry...I was just coming back here to mention that in the original post, but you got here first. 
_________________
~Gio
afterglow |
|
| Back to top |
|
Matthew
member
Member #
Joined: 05 Oct 2002
Posts: 3784
Location: I am out of here for good
|
| Posted: Thu Jan 16, 2003 9:09 am |
|
|
hehe.
ok I thought you meant in a painting program...uppsss..sorry.
I think that should be some kind of Javascript.?
maybe not??...I shall see if I remember the command...hmmm
Last edited by Matthew on Thu Jan 16, 2003 9:11 am; edited 1 time in total |
|
| Back to top |
|
Drunken Monkey
member
Member #
Joined: 08 Feb 2000
Posts: 1016
Location: mothership
|
|
| Back to top |
|
Matthew
member
Member #
Joined: 05 Oct 2002
Posts: 3784
Location: I am out of here for good
|
| Posted: Thu Jan 16, 2003 9:12 am |
|
|
Maybe something like this.
<table width="180" border="0" cellspacing="2" cellpadding="0" bgcolor="black">
<tr>
<td bgcolor="white"></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
<td></td>
</tr>
</table> |
|
| Back to top |
|
Matthew
member
Member #
Joined: 05 Oct 2002
Posts: 3784
Location: I am out of here for good
|
| Posted: Thu Jan 16, 2003 9:14 am |
|
|
| That would mean that the top left area would be white, I think you can make the border with the bgcolor command. and then give the other frames backgrounds aswell. |
|
| Back to top |
|
Matthew
member
Member #
Joined: 05 Oct 2002
Posts: 3784
Location: I am out of here for good
|
| Posted: Thu Jan 16, 2003 9:15 am |
|
|
| Are you Notepad Coding? |
|
| Back to top |
|
AndyT
member
Member #
Joined: 24 Mar 2002
Posts: 1545
Location: Germany
|
| Posted: Thu Jan 16, 2003 9:36 am |
|
|
Don't the HTML borders always look ugly?
Altered Matthew's version a little...
<HTML>
<HEAD></HEAD>
<BODY><CENTER>
<table width="180" border="0" cellspacing="2" cellpadding="0" bgcolor="black">
<tr>
<td bgcolor="white"> </td>
<td bgcolor="white"> </td>
<td bgcolor="white"> </td>
</tr>
<tr>
<td bgcolor="white"> </td>
<td bgcolor="white"> </td>
<td bgcolor="white"> </td>
</tr>
<tr>
<td bgcolor="white"> </td>
<td bgcolor="white"> </td>
<td bgcolor="white"> </td>
</tr>
</table>
</CENTER></BODY>
</HTML>
_________________
http://www.conceptworld.org |
|
| Back to top |
|
oDD
member
Member #
Joined: 07 May 2002
Posts: 1000
Location: Wroclaw Poland
|
| Posted: Thu Jan 16, 2003 9:43 am |
|
|
Dr. Monkey is right. The colored borders in a table are always made from two tables. cellspacing is the thickness of the border.
_________________
portfolio | art blog |
|
| Back to top |
|
Gort
member
Member #
Joined: 09 Oct 2001
Posts: 1545
Location: Atlanta, GA
|
| Posted: Thu Jan 16, 2003 10:18 am |
|
|
Ugly?
Colored borders can work well if used the right way within the constructs of a visual layout.
I've played around with actually using a style sheet classification that is then applied to the table set; if you're already using CSS, you might want to give it a whirl.
http://www.w3schools.com/css/css_border.asp
Nesting tables is another - as mentioned before.
_________________
- Tom Carter
"You can't stop the waves but you can learn to surf" - Jack Kornfield |
|
| Back to top |
|
Matthew
member
Member #
Joined: 05 Oct 2002
Posts: 3784
Location: I am out of here for good
|
| Posted: Thu Jan 16, 2003 10:24 am |
|
|
| I think I saw somewhere that borders can be colored with Javascript, am I wrong there? |
|
| Back to top |
|
elam
member
Member #
Joined: 27 Sep 2000
Posts: 456
Location: Motown
|
| Posted: Thu Jan 16, 2003 10:36 am |
|
|
Rat, you ever use Cascading Style Sheets?
In your <table> tag, put style="border: thin black solid;".
So, for example, <table style="border: thin black solid>content</table>
CSS works great in IE6 and pretty well in IE5 and mozilla and netscape.
Screw all that table bidness.
Last edited by elam on Thu Jan 16, 2003 11:52 am; edited 1 time in total |
|
| Back to top |
|
Gort
member
Member #
Joined: 09 Oct 2001
Posts: 1545
Location: Atlanta, GA
|
| Posted: Thu Jan 16, 2003 10:49 am |
|
|
Hey elam - is there an echo in here?
_________________
- Tom Carter
"You can't stop the waves but you can learn to surf" - Jack Kornfield |
|
| Back to top |
|
eyewoo
member
Member #
Joined: 23 Jun 2001
Posts: 2662
Location: Carbondale, CO
|
|
| Back to top |
|
-HoodZ-
member
Member #
Joined: 28 Apr 2000
Posts: 905
Location: Jersey City, NJ, USA
|
| Posted: Thu Jan 16, 2003 11:05 am |
|
|
AAAUGH! Phil the blinker background gave me seizures  but yet i pressed it a couple more times |
|
| Back to top |
|
eyewoo
member
Member #
Joined: 23 Jun 2001
Posts: 2662
Location: Carbondale, CO
|
|
| Back to top |
|
Chris
member
Member #
Joined: 22 Oct 1999
Posts: 746
Location: Iowa
|
| Posted: Thu Jan 16, 2003 4:38 pm |
|
|
I am going to be more happy this year because our company has taken off netscape for testing on all our future contracts (just not enough stats to worry about them anymore) 
They will have to pay a lot to include netscape testing now. yipee!! LOL
Oh, ps = I would go with CSS
_________________
My signature is irrelevant |
|
| Back to top |
|
Rat
member
Member #
Joined: 10 Feb 2002
Posts: 851
Location: Vancouver, BC, Canada
|
| Posted: Thu Jan 16, 2003 5:23 pm |
|
|
Thanks! Every time I tried nesting tables, my page buggered itself up somehow. I dunno what I was doing wrong. Couldn't have been much, though. I'm using that for my current layout.
I'm most likely to use CSS. Seems the best/easiest/most useful choice.
_________________
~Gio
afterglow |
|
| Back to top |
|
eyewoo
member
Member #
Joined: 23 Jun 2001
Posts: 2662
Location: Carbondale, CO
|
| Posted: Thu Jan 16, 2003 7:22 pm |
|
|
Nesting tables is the best way to do it... You just have to make sure that your nested code is correct. If it is, it'll work properly in any browser. If it's not, some browsers are more forgiving than others - Netscape is the least forgiving.
<!-- START --->
<table cellspacing=0 cellpadding=1 bgcolor="black"><tr><td>
<table cellspacing=0 cellpadding=12 bgcolor="white" width=150><tr><td>
Some garbage and text to fill in the thing so that there is something within the thing to make the thing have some substance so that the thing will be big enough to show the black border.
</td></tr></table>
</td></tr></table>
<-- END --->
Cut and paste the above into an HTML file. The cellpadding in the outer table (the first one) controls the width of the black line. The cellpadding in the inner table (the nested table) controls the margins for the text or image or whatever is in the nested table.
_________________
HonePie.com
tumblr blog
digtal art |
|
| Back to top |
|
Gort
member
Member #
Joined: 09 Oct 2001
Posts: 1545
Location: Atlanta, GA
|
| Posted: Fri Jan 17, 2003 7:26 am |
|
|
About nesting tables:
Be cautious if your parent tableset and it's nested offspring have relative (percentages) and absolute (by pixel) width values - that can often cause problems!
_________________
- Tom Carter
"You can't stop the waves but you can learn to surf" - Jack Kornfield |
|
| Back to top |
|
eyewoo
member
Member #
Joined: 23 Jun 2001
Posts: 2662
Location: Carbondale, CO
|
| Posted: Fri Jan 17, 2003 11:03 am |
|
|
In the scheme I've shown above, the outer table should never have a width or height setting of any kind. The only important setting is the CELLPADDING number to determine how many pixels wide the border will be and the BGCOLOR setting to determine color. Also, the outer setting can have an alignment setting such as ALIGN="CENTER" so that the whole table scheme will center itself.
OTOH, The nested table can have width settings, percentage or pixel based, It will then determine the overall size of the table scheme. If there are no width settings, then the content of the nested table's cells will determine overall size.
_________________
HonePie.com
tumblr blog
digtal art |
|
| Back to top |
|
strata
member
Member #
Joined: 23 Jan 2001
Posts: 665
Location: stockholm, sweden
|
| Posted: Fri Jan 17, 2003 2:35 pm |
|
|
Chris, you guys took netscape out of the equation? That's retarded... if you just taught your programmers to use w3c standards and xhtml along with css, thus being able to validate it you'd be able to offer the client a better package: A guarantee that the website you produce can be seen on any platform, on any browser. It's not that hard really, just a matter of using a few different tags. It's well worth it.
Not designing for netscape or opera is shooting yourself in the foot, when it's that easy to do. Check out www.hippytrippy.net or www.article19.co.uk - both are validated and guaranteed to work anywhere (they both used to look like shite in opera and ns before I reprogrammed hippytrippy and my buddy did a19, now they look the same - everywhere)
_________________
Quantum materiae materietur marmota monax si marmota monax materiam possit materiari? |
|
| Back to top |
|
Rat
member
Member #
Joined: 10 Feb 2002
Posts: 851
Location: Vancouver, BC, Canada
|
| Posted: Sat Jan 18, 2003 8:25 pm |
|
|
I got it. Used CSS in the <head> tag. Screw Netscape. It worked fine.
_________________
~Gio
afterglow |
|
| Back to top |
|
Giant Hamster
member
Member #
Joined: 22 Oct 1999
Posts: 1782
|
| Posted: Sat Jan 18, 2003 10:47 pm |
|
|
| Quote: |
| Not designing for netscape or opera is shooting yourself in the foot |
simply using netscape or opera in the first place is shooting yourself in the foot.[/quote] |
|
| Back to top |
|
strata
member
Member #
Joined: 23 Jan 2001
Posts: 665
Location: stockholm, sweden
|
| Posted: Sun Jan 19, 2003 2:22 am |
|
|
even though I use ie, they're actually not that bad... operas system of loading the pages is quite good really... and there's a few million people who like them enough to use them exclusively, and that alone is reason enough to design for them... how's about the fact that netscape is the supplied AOL browser these days... yes, they're retards, but they're millions of retards
_________________
Quantum materiae materietur marmota monax si marmota monax materiam possit materiari? |
|
| Back to top |
|
Rat
member
Member #
Joined: 10 Feb 2002
Posts: 851
Location: Vancouver, BC, Canada
|
| Posted: Sun Jan 19, 2003 1:37 pm |
|
|
Here's a test page. I'm probably gonna change the spacing and colors some, and maybe some other stuff. Depends what it looks like as a final product.
_________________
~Gio
afterglow |
|
| Back to top |
|
eyewoo
member
Member #
Joined: 23 Jun 2001
Posts: 2662
Location: Carbondale, CO
|
| Posted: Sun Jan 19, 2003 8:34 pm |
|
|
Add this to your table tag. It'll put some left right margin spacing in the cells.
<TABLE width="600" cellspacing="0" cellpadding="12" align="center">
Change the "12"to whatever width you'd like the margins to be.
_________________
HonePie.com
tumblr blog
digtal art |
|
| Back to top |
|
Rat
member
Member #
Joined: 10 Feb 2002
Posts: 851
Location: Vancouver, BC, Canada
|
| Posted: Sun Jan 19, 2003 8:45 pm |
|
|
Thanks...I will.
_________________
~Gio
afterglow |
|
| Back to top |
|
|
