View Full Version : My Table is a line


Loren
06-27-2003, 12:15 AM
My table appears as a line on the page.
Here's the code:

<table><td><tr>
<FORM>
<INPUT TYPE="BUTTON" VALUE="Home Page" style="background:#yourcolorcode"
ONCLICK="window.location.href='../index.html'">
<INPUT TYPE="BUTTON" VALUE="About Brad, the Youth Minister" style="background:#yourcolorcode"
ONCLICK="window.location.href='../brad.html'">
<INPUT TYPE="BUTTON" VALUE="Announcements" style="background:#yourcolorcode"
ONCLICK="window.location.href='../announcements.html'">
<INPUT TYPE="BUTTON" VALUE="Calender" style="background:#yourcolorcode"
ONCLICK="window.location.href='../calender.html'">
<INPUT TYPE="BUTTON" VALUE="Other Stuff" style="background:#yourcolorcode"
ONCLICK="window.location.href='../other.html'">
</FORM>
<H3>Don't Like the font color?<br>Change it here.
<FORM>
<INPUT TYPE="button" VALUE="yellow"
ONCLICK="document.fgColor='yellow'">
<INPUT TYPE="button" VALUE="red"
ONCLICK="document.fgColor='red'">
<INPUT TYPE="button" VALUE="blue"
ONCLICK="document.fgColor='blue'">
<INPUT TYPE="button" VALUE="black"
ONCLICK="document.fgColor='black'">
<INPUT TYPE="button" VALUE="Purple"
ONCLICK="document.fgColor='purple'">
</FORM></tr></td><td><tr>
<H2>About Us:<br><H3>
We're at pleasant grove baptist church in greer, sc. and so on.</tr>
<tr><img src="map.gif">For other map views <a href="map.html">Click Here</a>.</tr></td>
<td><tr><img src="hi.gif"></tr><tr>
<H2>Directions:<br><H3></tr></td></table>

amicus
06-27-2003, 12:44 AM
i'm not sure but i think this is what you want. you were using your 'tr' and 'td' tags backwards. you also didn't close off the 'h2' and 'h3' tags :)

the input tags go on 1 line for some reason they got broken up.

<table>
<tr>
<td>
<FORM>
<INPUT TYPE="BUTTON" VALUE="Home Page" style=" background:#yourcolorcode" ONCLICK="window.location.href='../index.html'">
<INPUT TYPE="BUTTON" VALUE="About Brad, the Youth Minister" style=" background:#yourcolorcode" ONCLICK="window.location.href='../brad.html'">
<INPUT TYPE="BUTTON" VALUE="Announcements" style=" background:#yourcolorcode" ONCLICK="window.location.href='../announcements.html'">
<INPUT TYPE="BUTTON" VALUE="Calender" style=" background:#yourcolorcode" ONCLICK="window.location.href='../calender.html'">
<INPUT TYPE="BUTTON" VALUE="Other Stuff" style=" background:#yourcolorcode" ONCLICK="window.location.href='../other.html'">
</FORM>

<H3>
Don't Like the font color?<br>
Change it here.
</H3>

<FORM>
<INPUT TYPE="button" VALUE="yellow" ONCLICK="document.fgColor='yellow'">
<INPUT TYPE="button" VALUE="red" ONCLICK="document.fgColor='red'">
<INPUT TYPE="button" VALUE="blue" ONCLICK="document.fgColor='blue'">
<INPUT TYPE="button" VALUE="black" ONCLICK="document.fgColor='black'">
<INPUT TYPE="button" VALUE="Purple" ONCLICK="document.fgColor='purple'">
</FORM>
</td>
</tr>
<tr>
<td>
<H2>About Us:</H2>
<H3>We're at pleasant grove baptist church in greer, sc. and so on.</H3>
</td>
<tr>
<td>
<img src="map.gif">For other map views <a href="map.html">Click Here</a>.
</td>
</tr>
<tr>
<td><img src="hi.gif"></td>
</tr>
<tr>
<td><H2>Directions:</H2></td>
</tr>
</table>

Loren
06-27-2003, 12:58 AM
It still shows me a line of text. See it here (http://loren.faithweb.com/see.html)

Loren
06-27-2003, 01:17 AM
Here's what is supposed to appear where http://www.loren.faithweb.com/example.gif.

amicus
06-27-2003, 03:07 AM
ok try this one, i wasn't sure what the forms were being used for so i took them out. if you need them just put them back in. it won't hurt anything :D

the input goes on one line of course :)

<table cellpadding="0" cellspacing="0" border="1">
<tr>
<td>
<input type="button" value="Home Page" style="background:#yourcolorcode" onclick="window.location.href='../index.html'">
<input type="button" value="About Brad, the Youth Minister" style="background:#yourcolorcode" onclicK="window.location.href='../brad.html'">
<input type="button" value="Announcements" style="background:#yourcolorcode" onclick="window.location.href='../announcements.html'">
<input type="button" value="Calender" style="background:#yourcolorcode" onclick="window.location.href='../calender.html'">
<input type="button" value="Other Stuff" style="background:#yourcolorcode" onclick="window.location.href='../other.html'">

<h3>
Don't Like the font color?<br>
Change it here.
</h3>

<form>
<input type="button" value="yellow" onclick="document.fgColor='yellow'">
<input type="button" value="red" onclick="document.fgColor='red'">
<input type="button" value="blue" onclick="document.fgColor='blue'">
<input type="button" value="black" onclick="document.fgColor='black'">
<input type="button" value="Purple" onclick="document.fgColor='purple'">
</form>
</td>
<td>
<h2>About Us:</h2>
<h3>We're at pleasant grove baptist church in greer, sc. and so on.</h3>
</td>
<td><img src="hi.gif"></td>
</tr>
<tr>
<td> </td>
<td><img src="map.gif">For other map views <a href="map.html">Click Here</a></td>
<td><h2>Directions:</h2></td>
</tr>
</table>

Loren
06-27-2003, 05:57 PM
It works!