some help with HTML code

theski232 · Oct 25, 2010

I was wondering how to create three separate tables in HTML code in notepad that are adjacent to each other

LiquidSnak · Oct 25, 2010

You could put them all in a large table with no borders.

theski232 · Oct 25, 2010

LiquidSnak said:
You could put them all in a large table with no borders.

would there be any way to do it with borders? Also I need each table to have a different caption

LiquidSnak · Oct 25, 2010

Here is some Example Code for you to plug in and modify to your needs:

HTML:

<HTML>

THIS:

<TABLE BORDER="0: CELLPADDING="8" CELLSPACING="8" WIDTH="100%">
<TR>
<TD><TABLE BORDER=1 WIDTH="100%"><TH>Table 1</TH><TR><TD>INFO TABLE 1</TD><TD>INFO TABLE 1</TD></TR><TR><TD>INFO TABLE 1</TD><TD>INFO TABLE 1</TD></TR></TABLE></TD>
<TD><TABLE BORDER=1 WIDTH="100%"><TH>Table 2</TH><TR><TD>INFO TABLE 2</TD><TD>INFO TABLE 2</TD></TR><TR><TD>INFO TABLE 2</TD><TD>INFO TABLE 2</TD></TR></TABLE></TD>
<TD><TABLE BORDER=1 WIDTH="100%"><TH>Table 3</TH><TR><TD>INFO TABLE 3</TD><TD>INFO TABLE 3</TD></TR><TR><TD>INFO TABLE 3</TD><TD>INFO TABLE 3</TD></TR></TABLE></TD>
</TR>
</TABLE>

OR THIS:

<TABLE BORDER="0: CELLPADDING="8" CELLSPACING="8" WIDTH="100%">
<TR><TD>Table 1</TD><TD>Table 2</TD><TD>Table 3</TD></TR>
<TR>
<TD><TABLE BORDER=1 WIDTH="100%"><TR><TD>INFO TABLE 1</TD><TD>INFO TABLE 1</TD></TR><TR><TD>INFO TABLE 1</TD><TD>INFO TABLE 1</TD></TR></TABLE></TD>
<TD><TABLE BORDER=1 WIDTH="100%"><TR><TD>INFO TABLE 2</TD><TD>INFO TABLE 2</TD></TR><TR><TD>INFO TABLE 2</TD><TD>INFO TABLE 2</TD></TR></TABLE></TD>
<TD><TABLE BORDER=1 WIDTH="100%"><TR><TD>INFO TABLE 3</TD><TD>INFO TABLE 3</TD></TR><TR><TD>INFO TABLE 3</TD><TD>INFO TABLE 3</TD></TR></TABLE></TD>
</TR>
</TABLE>






</HTML>

xarden · Oct 25, 2010

Cheap and dirty...

Code:

<table border="2" bordercolor="#FF0000" cellpadding="0" cellspacing="0">
 <td>
  <table border="2" bordercolor="#00FF00" cellpadding="0" cellspacing="0">
   <td><caption>Hello</caption></td>
  </table>
 </td>
 <td>
  <table border="2" bordercolor="#0000FF" cellpadding="0" cellspacing="0">
   <td><caption>World</caption></td>
  </table>
 </td>
 <td>
  <table border="2" bordercolor="#00FF00" cellpadding="0" cellspacing="0">
   <td><caption>Again</caption></td>
  </table>
 </td>
 
</table>

You should be better off using DIV's and learning a bit of CSS instead.

Edit: Liquid you beat me to it!

LiquidSnak · Oct 25, 2010

Lol, I was already working on the code, but stalling for time.

theski232 · Oct 25, 2010

thanks for all the help, i might be posting more questions if they arise. I will post the final product in a zip file in a post when i finish the project (maybe by the end of the week)

xarden · Oct 25, 2010

No problem theski.

We'll be here. Some of us more than others...

LiquidSnak · Oct 25, 2010

lol. Am I on a lot?

theski232 · Oct 26, 2010

LiquidSnak said:
lol. Am I on a lot?

how is anyone of us supposed to know how much you are on?

LiquidSnak · Oct 26, 2010

Join Date: Oct 2010
W7 Professional x64
761 posts

^^that

theski232 · Oct 26, 2010

LiquidSnak said:
Join Date: Oct 2010
W7 Professional x64
761 posts

^^that

yea id say thats alot

theski232 · Oct 27, 2010

another question
I have a four column table and I want one cell to occupy the entire row not just the first column (backround is blue so that the cell is visible)

HTML:

<html>
<body bgcolor="blue">
<TABLE BORDER="0" CELLPADDING="8" CELLSPACING="8" WIDTH="50%">
<TR>
<TD><TABLE BORDER=2 WIDTH="100%"><caption>2007-2008 Season</caption> 
<TR><TD>Game Date</TD><TD>Kickoff</TD><td>Opponent</td><td>Score</td></TR> 
<TR><TD><b>Preseason</b></TD></TR>
<TR><TD>Fri 8/10/2007</TD><TD>7:30 P.M.</TD><TD>@ Buccaneers</TD><TD>13-10 L</TD></TR>
</TABLE></TD>
</body>
</html>

LiquidSnak · Oct 27, 2010

I will give a few more things a try, but so far, no dice.

theski232 · Oct 27, 2010

ive been trying, and i havent been able to figure it out either

xarden · Oct 27, 2010

Firstly, you've got some mad syntax and non-compliance going on there.
Second, a <TD colspan="4"> will make that cell span 4 col(umn)s.
Similarly, a <TD rowspan="2"> will make that row span 2 rows.

Code:

<html>
<body>
<TABLE BORDER="1" CELLPADDING="8" CELLSPACING="8" WIDTH="50%">
 <TR>
      <TH colspan="4">2007-2008 Season</TH>
 </TR>
 <TR>
    <TD>Game Date</TD>
    <TD>Kickoff</TD>
    <TD>Opponent</TD>
    <TD>Score</TD>
 </TR>
 <TR>
    <TH colspan="4">Preseason</TH>
 </TR>
 <TR>
    <TD>Fri 8/10/2007</TD>
    <TD>7:30 P.M.</TD>
    <TD>@ Buccaneers</TD>
    <TD>13-10 L</TD>
 </TR>
</TABLE>
 
</body>
</html>

What I've done there is nested the <TD>'s for easier readability.
Also note, <TD> and <TH> are essentially the same. <TH> (Table Header) bolds and centers the text inside. You could change these back to <TD>'s then apply your own formatting, if you want.

LiquidSnak · Oct 27, 2010

That's the one. Nice job

theski232 · Oct 27, 2010

xarden said:
Firstly, you've got some mad syntax and non-compliance going on there.
Second, a <TD colspan="4"> will make that cell span 4 col(umn)s.
Similarly, a <TD rowspan="2"> will make that row span 2 rows.

Code:

<html> <body> <TABLE BORDER="1" CELLPADDING="8" CELLSPACING="8" WIDTH="50%"> <TR> <TH colspan="4">2007-2008 Season</TH> </TR> <TR> <TD>Game Date</TD> <TD>Kickoff</TD> <TD>Opponent</TD> <TD>Score</TD> </TR> <TR> <TH colspan="4">Preseason</TH> </TR> <TR> <TD>Fri 8/10/2007</TD> <TD>7:30 P.M.</TD> <TD>@ Buccaneers</TD> <TD>13-10 L</TD> </TR> </TABLE> </body> </html>

What I've done there is nested the <TD>'s for easier readability.
Also note, <TD> and <TH> are essentially the same. <TH> (Table Header) bolds and centers the text inside. You could change these back to <TD>'s then apply your own formatting, if you want.

the syntax and non-compliance dont bother me b/c its not going up on the internet and its for a 101 class so it not a big deal
and thanks for the help it looks much better now

xarden · Oct 27, 2010

I was mostly refering to the two opening Table tags, and one closing table tag...
and the caption that wasnt in any TD.

Not a problem anyway, as long as you're learning something :thumbsup:

theski232 · Oct 27, 2010

xarden said:
I was mostly refering to the two opening Table tags, and one closing table tag...
and the caption that wasnt in any TD.

Not a problem anyway, as long as you're learning something

the two table tags are required because of the way i want it to show up
also this is only an excerpt of the whole code because i did not want to copy and paste the whole thing
you will see what i am talking about when i post the final product here

some help with HTML code

New member

My Computer

Resident Weeaboo

My Computer

New member

My Computer

Resident Weeaboo

My Computer

New member

My Computer

Resident Weeaboo

My Computer

New member

My Computer

New member

My Computer

Resident Weeaboo

My Computer

New member

My Computer

Resident Weeaboo

My Computer

New member

My Computer

New member

My Computer

Resident Weeaboo

My Computer

New member

My Computer

New member

My Computer

Resident Weeaboo

My Computer

New member

My Computer

New member

My Computer

New member

My Computer

Similar threads