Web Hosting Forum | Lunarpages


*
Welcome, Guest. Please login or register.
Did you miss your activation email?



Login with username, password and session length
May 25, 2012, 08:19:21 AM

Pages: [1] 2   Go Down
  Print  
Author Topic: Tables  (Read 1111 times)
nicholaswhite
Pong! (the videogame) Master
*****
Offline Offline

Posts: 23


WWW
« on: February 18, 2002, 02:51:00 AM »

I'm stuck with my tables- I can use the "tableborder" command but it can't produce the really thin black (or any other colored) black border like the one used in this forum design. I think it makes things a lot neater, can anyone tell me how to do them?

Nicholas
Logged
stephan
Guest
« Reply #1 on: February 18, 2002, 03:15:00 AM »

You need to put this:

<table border="1"> (or whatever size you want)

The important thing is to keep the word table and the word border seperate.
Logged
Admin
Über Jedi
*****
Offline Offline

Posts: 2544


WWW
« Reply #2 on: February 18, 2002, 03:39:00 AM »

and if you want the color of the border to be other than black use this:

<table border=1 bordercolor=red>
Logged

Brian
Jedi
*****
Offline Offline

Posts: 874


WWW
« Reply #3 on: February 18, 2002, 04:14:00 PM »

this is how i get the 1pix border around my tables, and i think it is very useful, and looks great. CSS. Cascading Style Sheets. The wave of the future. Here we go.

in between the <head> </head> tags, place the following code.

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

the .pix part can be .anything you want really, it just has to be in the ".andaword" form

now, inside your table, you need to place a class tag. here is an example table, with the class tag in bold.

<table width="100%" border="0" cellspacing="0" cellpadding="0" class="pix">
<tr>
<td>
stuff stuff stuff
<td>
</tr>
</table>


well that's how i do it, i hope that quicky tutorial helps a bit. good luck and tell us how you do.

-Brian
Logged

nicholaswhite
Pong! (the videogame) Master
*****
Offline Offline

Posts: 23


WWW
« Reply #4 on: February 22, 2002, 11:23:00 PM »

Thanks for you help guys. I'm using them in my HTML now but unfortunately the positioning of the two tables is all messed up, the sidebar and the main table don't have the same lengths and they are positioned in the middle of the page. I'll show you what I mean:

This is the HTML without table borders:

<!doctype html public "-//w3c//dtd html 3.2//en">

<html>

<head>
<title>My website without table borders</title>
<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">
</head>

<BODY bgColor=#e6f6ff link=#ff0000 text=#000000 vLink=#00ff00>
<TABLE border=0 cellPadding=8 cellSpacing=0 width="100%">
  <TBODY>
  <TR>
  <TR bgColor=#ccffff height=50></TR>
  <TR>
    <TD align=left bgColor=#000066 vAlign=top width=100><FONT face=Arial,
      size=1 Helvetica>The forum, F1GP, links page and guestbook are the only
      links that are working at the moment.
</TD>


    <TD bgColor=#e6f6ff width=5></TD></FONT>


    <TD align=middle bgColor=#ccccff vAlign=top width=600><FONT face=Arial,
      size=3 helvetica>
      <H2 align=center>www.F1motorsport.cjb.net</H2>

  <P></P></FONT></TD></TR></TBODY></TABLE>


</body>
</html>
Logged
nicholaswhite
Pong! (the videogame) Master
*****
Offline Offline

Posts: 23


WWW
« Reply #5 on: February 22, 2002, 11:25:00 PM »

This is how it looks with table borders. If you look at both pages you'll also see that the tables aren't exactly centered and there are gaps in the background that are of unequal length. I'd be very grateful if you could solve my problem:

<!doctype html public "-//w3c//dtd html 3.2//en">

<html>

<head>
<title>(Type a title for your page here)</title>
<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">
</head>

<BODY bgColor=#e6f6ff link=#ff0000 text=#000000 vLink=#00ff00>
<TABLE border=0 cellPadding=1 cellSpacing=0 width="100%">
  <TBODY>
  <TR>
  <TR bgColor=#ccffff height=50></TR>
  <TR>

<td>
<table>
<Table border=1 bordercolor= black Cellpadding=8 cellspacing=0>
<tr>

    <TD align=left bgColor=#000099 TABLE ALIGN= CENTER vAlign=top width=100><FONT face=Arial,
      size=1 Helvetica>The forum, F1GP, links page and guestbook are the only
      links that are working at the moment.

BLAHBLAHBLAHBLAH
BLAHBLAHBLAHBLAH
BLAHBLAHBLAHBLAH
BLAH BLAHBLAHBLAH
BLAHBLAHBLAHBLAH

</TD>
</td>
</tr>
</table>


<td>
<Table>
<Table border=1 bordercolor= black Cellpadding=8 cellspacing=0>
<tr>


    <TD align=TOP bgColor=#ccccff vAlign=CENTER width=600><FONT face=Arial,
      size=3 helvetica>
      <H2 align=center>www.F1motorsport.cjb.net</H2>

BLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAH BLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAH BLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAH BLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAH BLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAH
BLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAH
BLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAH
BLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAH
BLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAH
BLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAH

   <P></P></FONT></TD></TR></TBODY></TABLE>

</body>

</html>
Logged
TWebMan
Quantum Encyclopedia Writer
*****
Offline Offline

Posts: 3112



WWW
« Reply #6 on: February 24, 2002, 01:20:00 PM »

Got those pages posted?  Give us some urls to look at...or did I miss something?  
Logged

"Computers cause people to make more mistakes than any other invention in history, with the possible exception of handguns and tequila."  - Unknown
"Liberty of any kind is seldom lost all at once." - D. Hume
Every day is an Ode to Joy
The planet will be fine... and so will your site
Santos
Jabba the Hutt
*****
Offline Offline

Posts: 562


WWW
« Reply #7 on: February 27, 2002, 08:05:00 AM »

Just for you cuz im bored  
If there is anything else ya need lt us know.

<---!

<!doctype html public "-//w3c//dtd html 3.2//en">

<html>

<head>
<title>(Type a title for your page here)</title>
<meta name="GENERATOR" content="Arachnophilia 4.0">
<meta name="FORMATTER" content="Arachnophilia 4.0">

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

</head>
<div id="pix">
<BODY bgColor=#e6f6ff link=#ff0000 text=#000000 vLink=#00ff00>
<TABLE border=0 cellPadding=1 cellSpacing=0 width="100%">
<TR>
<TR height=50></TR>
<TR>

<td>
<table>
<Table Cellpadding=8 cellspacing=0 class="pix">
<tr>

<TD align=left bgColor=#ffffff TABLE ALIGN= CENTER vAlign=top width=100><FONT face=Arial,
size=1 Helvetica>The forum, F1GP, links page and guestbook are the only
links that are working at the moment.

BLAHBLAHBLAHBLAH
BLAHBLAHBLAHBLAH
BLAHBLAHBLAHBLAH
BLAH BLAHBLAHBLAH
BLAHBLAHBLAHBLAH

</TD>
</td>
</tr>
</table>


<td>
<Table>
<Table bordercolor= black Cellpadding=8 cellspacing=0 class="pix">
<tr>


<TD align=left bgColor=#ffffff width=100width=600>

<FONT face=Arial,
size=3 helvetica>
<H2 align=center>www.F1motorsport.cjb.net</H2>

BLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAH BLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAH BLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAH BLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAH BLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAH
BLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAH
BLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAH
BLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAH
BLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAH
BLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAHBLAH

<P></P></FONT></TD></TR></TBODY></TABLE>
</div>
</body>

</html>
Logged

Smile, it makes people wonder what you're up to...
nicholaswhite
Pong! (the videogame) Master
*****
Offline Offline

Posts: 23


WWW
« Reply #8 on: March 07, 2002, 01:43:00 AM »

Thanks for your help Santos, the columns are still unequal lengths though and I don't have a clue as to how to solve this.

Nicholas
Logged
Brian
Jedi
*****
Offline Offline

Posts: 874


WWW
« Reply #9 on: March 07, 2002, 02:32:00 AM »

umm, if your problemo is what i think it is, then you should use a height tag.

 
quote:
<td>
<TD align=left bgColor=#ffffff width=100width=600>



what you should add in is height=xxx

with xxx equaling the numbers you want. set all of your tables to the same height and they will line up properly.

i think that's what your problem, and if it is, then that should be the solution. ask again if you need more help or anything.

-Brian  
Logged

nicholaswhite
Pong! (the videogame) Master
*****
Offline Offline

Posts: 23


WWW
« Reply #10 on: March 07, 2002, 05:26:00 AM »

Thanks very much, that should do the trick.

What I don't understand though is why you don't always have to do this. In my site www.f1m.cjb.net for example both columns are both the same length, whether one is completely empty  with content or not.
Logged
Santos
Jabba the Hutt
*****
Offline Offline

Posts: 562


WWW
« Reply #11 on: March 07, 2002, 07:21:00 AM »

If that doesnt do the trick come back  

 
quote:

What I don't understand though is why you don't always have to do this.



Tables are stuff of nightmares,  I'm serious too.
Logged

Smile, it makes people wonder what you're up to...
ShockQueen
Spaceship Navigator
*****
Offline Offline

Posts: 97


WWW
« Reply #12 on: March 07, 2002, 01:00:00 PM »

Tables can be your best friend or your worst nightmare, depending on how you use them.  Sometimes it's best to do percentage values for tables, and other times, absolute pixel sizes work the best.

Then there's frames....the other journey into oblivion *sigh*...      
Logged

I keep clicking my ruby slippers, but the teleportation crystal inside must be broken!
TWebMan
Quantum Encyclopedia Writer
*****
Offline Offline

Posts: 3112



WWW
« Reply #13 on: March 09, 2002, 12:44:00 AM »

Usually a table column won't do what you want it to because one row or another has a setting that's not desireable.  When it gets hairy, I will remove all sizing definitions from all tags, including the table tag itself.  Then I can see the 'natural' layout of the table.  That is, the way it sits without any controls on anything.  I will then start from there.
Logged

"Computers cause people to make more mistakes than any other invention in history, with the possible exception of handguns and tequila."  - Unknown
"Liberty of any kind is seldom lost all at once." - D. Hume
Every day is an Ode to Joy
The planet will be fine... and so will your site
kahlan
Intergalactic Superstar
*****
Offline Offline

Posts: 138


WWW
« Reply #14 on: March 17, 2002, 12:18:00 PM »

If I'm doing fairly major tables (which most of my designs these days are because its the only way to fully control layouts for cross-browser compatability) I like to plot them on paper first then work out which cells will have the 100% tags and which won't stretch (-1% or absolute setting). This way you'll find you won't create a table mess.

Another good idea is create your table design first, then start inserting images and test - that is create your table, complete with width settings, with only a non-breaking space in each cell &nbsp; You can then view this in your broswer so you can see how the table is looking, then start adding your images and text. This is especially useful if you're doing a design with a lot of colspans or rowspans.

Those tips are really for those of you using a text based editor.
Logged

Bright Blessings from
Dragon Girl's Realm
Pages: [1] 2   Go Up
  Print  
 
Jump to: