-
As with 3/4 of people, I am writing a jokes page. I have my information on the page, but cannot line it up correctly.
I am using the table feature in HTML, but do not know how to space out the rows and columns. Can anyone help please?
My problem becomes obvious when you look at the page, but unfortunatly, I do not kno how to change the img code on this message, or post an attachment. If there are any gurus whioch can help me, can you please mail me at [email protected] so I can reply with an attachment (this will make the problem much easier to understand).
Thank you everyone!
-
-
Ok, thanks Monty. I do not mean any offence by this if there are any Welsh people here, but...
Code:
<FONT FACE = "Comic Sans MS" STYLE = "Bold">
<P><P><P><P>
<TABLE ALIGN="left" COLS=2 CELLSPACING=20 cellpadding=10>
<TR><TD>1). </TD><TD>I heard they closed the zoo in Cardiff..............The duck died !</TD>
<TR><TD>2). </TD><TD>How do you know when you're flying over Wales ?</TD>
<TR><TD> </TD><TD>You see toilet paper hanging on the clothes line !</TD>
<TR><TD>3). </TD><TD>Following the assault of a young woman, the police rounded up the usual suspects for a lineup.</TD>
<TR><TD> </TD><TD>Suddenly, the Welsh suspect stepped forward and screamed "That's her" !</TD>
<TR><TD>4). </TD><TD>What do you get when you offer a Welsh girl a penny for her thoughts ?</TD>
<TR><TD> </TD><TD>CHANGE!</TD>
I can paste the whole page on if this helps, but with the above, hopefully you can see the problem. I would like a bigger space between the first & second joke, which I can get if I fiddle with the CELLSPACING property of the table, but for the ones like the second joke, where there is a line with the question & line with the answer, I need this gap \ row decreased.
I hope I am making sense here. Can I alter the size of the columns at the top of the table, and the rows individually depending on wether it is a one-liner, or Q & A, if so, can you tell me which properties to look at please?
Thank you in advance
-
use the width attribute of the TD tags, not the cellpadding and cellspacing attributes of the TABLE.
Code:
<HTML>
<HEAD>
<STYLE>
TD{font: 9pt "Comic Sans MS"; font-weight: bold;}
</STYLE>
</HEAD>
<BODY>
<BR><BR><BR><BR>
<TABLE ALIGN="left" CELLSPACING=0 cellpadding=0 border=0>
<TR>
<TD width=50px>1).</TD>
<TD>I heard they closed the zoo in Cardiff..............The duck died !</TD>
</TR>
<TR>
<TD colspan=2 height=10px></TD>
</TR>
<TR>
<TD>2).</TD>
<TD>How do you know when you're flying over Wales ?</TD>
</TR>
<TR>
<TD></TD>
<TD>You see toilet paper hanging on the clothes line !</TD>
</TR>
<TR>
<TD colspan=2 height=10px></TD>
</TR>
<TR>
<TD>3).</TD>
<TD>Following the assault of a young woman, the police rounded up the usual suspects for a lineup.</TD>
</TR>
<TR>
<TD></TD>
<TD>Suddenly, the Welsh suspect stepped forward and screamed "That's her" !</TD>
</TR>
<TR>
<TD colspan=2 height=10px></TD>
</TR>
<TR>
<TD>4).</TD>
<TD>What do you get when you offer a Welsh girl a penny for her thoughts ?</TD>
</TR>
<TR>
<TD></TD>
<TD>CHANGE!</TD>
</TR>
</TABLE>
</BODY>
</HTML>
You were also missing closing TR & table tags
-
I would like to thank you tremendously for you taaking the time to help me with that one Monty. This is going to come in VERY useful in probably every web page I write after this. :D
-
-
Sorry, just noticed MONTE & not MONTY - point taken
-
