Newbie Help - Table Spacing 3

[7ate9]

I feel pretty dumb for having to bug you all, but I've run into something I cant quite resolve. Sorry for being so "new" here, but appreciate any help.
My little website has a list of links on the left side of my homepage, that obviously link to my other pages. Instead of an ever growing list, I'm trying to break it down into two columns, and attempt to somewhat center those colums onto the page. Doesn't need to be "aligned centered" so to speak, just want it to look about even on the page, to the naked eye. My cells on the right are fine, I can easily adjust them left and right where I'd like them to be. My cells on the left though, are too far left, I want to mvoe them right, but I cant get it to work. If someone could pick apart my code and offer suggestions, I'd really appreciate it.

<table width=&quot;1000&quot;>
<tr>
<td><A HREF=&quot;

http://home.earthlink.net/~lemontonic/me&quot;>About

Me</A HREF></td><td align=&quot;right&quot;><A HREF=&quot;

http://home.earthlink.net/~lemontonic/journal&quot;>My

Thoughts, Life, and Day to Day Stuff</A HREF></td>
</tr>
</table>
<p>
<table width=&quot;1000&quot;>
<tr>
<td><A HREF=&quot;

http://home.earthlink.net/~lemontonic/quotes&quot;>Quotes

and Sayings</A HREF></td><td align=&quot;right&quot;><A HREF=&quot;

http://home.earthlink.net/~lemontonic/funny&quot;>Funny

Stuff</A HREF></td>
</tr>
</table>
<p>
<table width=&quot;1000&quot;>
<tr>
<td><A HREF=&quot;

http://home.earthlink.net/~lemontonic/others&quot;>People

I Know</A HREF></td><td align=&quot;right&quot;><A HREF=&quot;

http://home.earthlink.net/~lemontonic/music&quot;>Some

Music I Like</A HREF></td>
</tr>
</table>
<p>
<table width=&quot;1000&quot;>
<tr>
<td><A HREF=&quot;

http://home.earthlink.net/~lemontonic/links&quot;>Links</A

HREF></td><td align=&quot;right&quot;><A HREF=&quot;mailto:lemontonic@earthlink.net&quot;>Email Me</A HREF></td>
</tr>
</table>

Thanks all!

 

[cian]

Hi,

well to start with you have table width=&quot;1000&quot; thats WAY too wide. Either set to 800 max or even better set it to width==&quot;100%&quot;

I made some changes::

<table width=&quot;100%&quot; summary=&quot;&quot; callpadding=&quot;2&quot; cellspacing=&quot;2&quot;>
<tr>
<td>
<a href=
&quot;

http://home.earthlink.net/~lemontonic/me&quot;>About

Me</a>
</td>
<td align=&quot;right&quot;>
<a href=
&quot;

http://home.earthlink.net/~lemontonic/journal&quot;>My

Thoughts, Life, and Day to Day Stuff</a>
</td>
</tr>
</table>
<table width=&quot;100%&quot;>
<tr>
<td>
<a href=
&quot;

http://home.earthlink.net/~lemontonic/quotes&quot;>Quotes

and Sayings</a>
</td>
<td align=&quot;right&quot;>
<a href=
&quot;

http://home.earthlink.net/~lemontonic/funny&quot;>Funny

Stuff</a>
</td>
</tr>
</table>
<table width=&quot;100%&quot;>
<tr>
<td>
<a href=
&quot;

http://home.earthlink.net/~lemontonic/others&quot;>People

I
Know</a>
</td>
<td align=&quot;right&quot;>
<a href=
&quot;

http://home.earthlink.net/~lemontonic/music&quot;>Some

Music I Like</a>
</td>
</tr>
</table>
<table width=&quot;100%&quot;>
<tr>
<td>
<a href=
&quot;

http://home.earthlink.net/~lemontonic/links&quot;>Links</a>

</td>
<td align=&quot;right&quot;>
<a href=&quot;mailto:lemontonic@earthlink.net&quot;>Email Me</a>
</td>
</tr>
</table>



É
::

http://www.endamcg.com

::

http://www.endamcg.com/finland-gaa

 

[cian]

Btw, don't feel dumb and don't be too shy to ask questions. We're here to help.


É
::

http://www.endamcg.com

::

http://www.endamcg.com/finland-gaa

 

[Boomerang]

Hi 7ate9,

First: I agree with Cian about &quot;don't feel dumb and don't be too shy ...&quot;
We all here started once like you

I suggest you make one table and add an empty column at the left. You can change the width of that left column.
You need the &amp;nbsp; in empty cells to avoid that the cellborders are not displayed, but I saw in your site you made everything black, so you don't need it there.

<table width=&quot;900&quot;>
<tr>
<td width=100>&amp;nbsp;</td><td><A HREF=&quot;

http://home.earthlink.net/~lemontonic/me&quot;>About

Me</A HREF></td><td align=&quot;right&quot;><A HREF=&quot;

http://home.earthlink.net/~lemontonic/journal&quot;>My

Thoughts, Life, and Day to Day Stuff</A HREF></td>
</tr>
<tr>
<td>&amp;nbsp;</td><td><A HREF=&quot;

http://home.earthlink.net/~lemontonic/quotes&quot;>Quotes

and Sayings</A HREF></td><td align=&quot;right&quot;><A HREF=&quot;

http://home.earthlink.net/~lemontonic/funny&quot;>Funny

Stuff</A HREF></td>
</tr>
<tr>
<td>&amp;nbsp;</td><td><A HREF=&quot;

http://home.earthlink.net/~lemontonic/others&quot;>People

I Know</A HREF></td><td align=&quot;right&quot;><A HREF=&quot;

http://home.earthlink.net/~lemontonic/music&quot;>Some

Music I Like</A HREF></td>
</tr>
<tr>
<td>&amp;nbsp;</td><td><A HREF=&quot;

http://home.earthlink.net/~lemontonic/links&quot;>Links</A

HREF></td><td align=&quot;right&quot;><A HREF=&quot;mailto:lemontonic@earthlink.net&quot;>Email Me</A HREF></td>
</tr>
</table>

This makes it more compact (that's my second sugestion).
If you still want an empty row between each row see this example:

<table width=&quot;900&quot;>
<tr>
<td width=100>&amp;nbsp;</td><td><A HREF=&quot;

http://home.earthlink.net/~lemontonic/me&quot;>About

Me</A HREF></td><td align=&quot;right&quot;><A HREF=&quot;

http://home.earthlink.net/~lemontonic/journal&quot;>My

Thoughts, Life, and Day to Day Stuff</A HREF></td>
</tr>
<tr>
<td>&amp;nbsp;</td><td>&amp;nbsp;</td><td>&amp;nbsp;</td>
</tr>
<tr>
<td>&amp;nbsp;</td><td><A HREF=&quot;

http://home.earthlink.net/~lemontonic/quotes&quot;>Quotes

and Sayings</A HREF></td><td align=&quot;right&quot;><A HREF=&quot;

http://home.earthlink.net/~lemontonic/funny&quot;>Funny

Stuff</A HREF></td>
</tr>
<tr>
<td>&amp;nbsp;</td><td><A HREF=&quot;

http://home.earthlink.net/~lemontonic/others&quot;>People

I Know</A HREF></td><td align=&quot;right&quot;><A HREF=&quot;

http://home.earthlink.net/~lemontonic/music&quot;>Some

Music I Like</A HREF></td>
</tr>
<tr>
<td>&amp;nbsp;</td><td><A HREF=&quot;

http://home.earthlink.net/~lemontonic/links&quot;>Links</A

HREF></td><td align=&quot;right&quot;><A HREF=&quot;mailto:lemontonic@earthlink.net&quot;>Email Me</A HREF></td>
</tr>
</table>

Hope this helps,
Erik
<-- My sport: Boomerang throwing !!
!! Many Happy Returns !! -->

 

[cian]

I'll give Erik a star because thats the other point I forgot. No need for 4 tables! My memory sucks sometimes!


É
::

http://www.endamcg.com

::

http://www.endamcg.com/finland-gaa

 

[7ate9]

Great, thanks guys

Yeah boy, I got it cleaned up a good bit. What was I thinking with 1000 width and 4 tables, wow. Got it into one table and a width of 85% now. Much better.
Erik, I threw up your code that you gave to me there. I like the space in between row one and two. There's not a whole lot to the homepage, so I've got plenty of space to fill up. How again did you get the extra space in between the rows? That nbsp command doesn't look familiar at all. What's it doing?

 

[7ate9]

Oh! I see where's its coming it at. Okay never mind that part about the space between the rows. You even had it marked in red, lol, good grief. I need to let this rest for the night and get some sleep.

 

[cian]

One thing to add to Erik's table.

A table should always have a summary, it's the law!
And cellpadding and cellspacing can be very useful. Every table I design has:

<table summary=&quot;&quot; cellpadding=&quot;2&quot; cellspacing=&quot;2&quot; border=&quot;0&quot;>

you can also add align=&quot;center&quot; or align=&quot;right&quot; to the table, or individual cells. A title can be handy too (title=&quot;&quot

ps I misspelled CELLPADDING in my first example.


É
::

http://www.endamcg.com

::

http://www.endamcg.com/finland-gaa