HTML help

[evanthe]

Alrighty, I'm building a website for an All-Sim barn that I've created. I need some help because I'm stuck and don't know what kind of code to use.

I want to have the links on the left of the page, and text in the center. However, I'm not sure how to go about doing that. I've tried tables and that doesn't work....It's just really frustrating. Can anyone help me out?

[Maya]

The 'easiest' way to do it is with tables. You would need to have one row with two columns, and just specify the widths and such for each column cell.
The 'politically correct' way to do is with CSS divs, though this may be way over your head if you aren't too experienced with HTML and CSS... If you post the code you tries with the tables, I can look at it and tell you where you went wrong

[evanthe]

Thank you Maya. You've been a great deal of help to me lately. You are my savior, lol. Here is the code. I tried to use two tables and that didn't work...I guess. :

<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="300" HEIGHT="70">
<TR>
<TD ALIGN="CENTER" WIDTH="200" BGCOLOR="000000"><font align="left">
<div><img src="horseimg.jpg"></div>
<div><a href="stallions.htm"><font color="white">Stallions</font></a></div>
<div><a href="mares.htm"><font color="white">Mares</font></a></div>
<div><a href="youngstock.htm"><font color="white">Youngstock</font></a></div>
<br>
<div><img src="dogimg.jpg"></div>
<div><a href="dogs.htm"><font color="white">Dogs</font></a></div>
<div><a href="bitches.htm"><font color="white">Bitches</font></a></div>
<div><a href="pups.htm"><font color="white">Puppies</font></a></div>
<br>
<div><img src="miscimg.jpg"></div>
<div><a href="home.htm"><font color="white">Home</font></a></div>
<div><a href="office.htm"><font color="white">Office</font></a></div>
<div><a href="sales.htm"><font color="white">For Sale</font></a></div>
<div><a href="records.htm"><font color="white">Records</font></a></div>
</font></TD>
</TR>

</TABLE>

<TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" WIDTH="300" HEIGHT="70">
<TR>
<TD ALIGN="CENTER" WIDTH="200" BGCOLOR="000000"><font align="center" colour="white">
Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah vBlah Blah Blahv Blah Blah Blah Blah vv v Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah vBlah Blah Blahv Blah Blah Blah Blah vv v Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah vBlah Blah Blahv Blah Blah Blah Blah vv v Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah vBlah Blah Blahv Blah Blah Blah Blah vv v Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah vBlah Blah Blahv Blah Blah Blah Blah vv v Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah vBlah Blah Blahv Blah Blah Blah Blah vv v Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah vBlah Blah Blahv Blah Blah Blah Blah vv v Blah Blah BlahBlah Blah Blah BlahBlah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah
</font></TD>
</TR>

</TABLE>

[Maya]

Ok, yeah, that's the problem If you make two tables like that, they'll just autmatically go one on top of the other

You need to do something like this:


<table>
<tr>
<td width= "whateverpx">
Put links in here
link1
link2
etc
</td>
<td width= "whateverpx">
Put other stuff in here
</td>
</tr>
</table>


You can add in all the other colour, width, height, etc declarations like you have them before, and just swap in the text you had before where I put 'whatever goes here'. lol

If you're still confised let me know

[evanthe]

Alright, I see now. Thanks a bunch Maya. I appreciate the help. ^_^

[Maya]

Nooo problem Glad to be of assistance!
Can't wait to see the finished product