Table Issues

[Dana]

I'm about to pull my hair out.... I don't know why my menu bars are spaced so much when the code is telling it not to....

http://www.danabutler.com/

<?php 

basic2col_contentfooter();

wp_footer(); ?>

<?php /*Basic2Col WordPress theme by Kristin K. Wangen http://wangenweb.com/ */ ?>
<?php 

basic2col_contentfooter();

wp_footer(); ?>
<table
 style="max-width: 850px;  text-align: left; margin-left: auto; margin-right: auto;"
 border="0" cellpadding="0" cellspacing="0">
  <tbody>
    <tr>
      <td><img style="width: 130px; height: 79px;"
 alt="Home" src="menu001.png"></td>
      <td style="width: 850px;"><img
 style="width: 247px; height: 79px;" alt="Photography"
 src="menu002.png"></td>
      <td><img style="width: 178px; height: 79px;"
 alt="Artwork" src="menu003.png"></td>
      <td><img style="width: 108px; height: 79px;"
 alt="Links" src="menu004.png"></td>
      <td><img style="width: 187px; height: 79px;"
 alt="Contact" src="menu005.png"></td>
    </tr>
  </tbody>
</table>

 

[Francis]

Could it be the
<table
is missing a >

 

[Dana]

Could it be the
<table
is missing a >

no its not... it's pushed to the next line because the coding is too long

 

[Francis]

Really.. Looks more like it's behind it..

>
<table
style=

Look again..

 

[Dana]

<table style="max-width: 850px; text-align: left; margin-left: auto; margin-right: auto;" border="0" cellpadding="0" cellspacing="0">

 

[Francis]

Dana, do you need to use a Table or could you use a Text Box ?

Tables can be picky in that is you under/over did the width of the image you put in, it will get distorted. In a text Box, you simply set it as big as all the images you want in it and set all 4 items in..

I row 1 column..

Just a suggestion..

 

[Francis]

<textarea rows="1" cols="1">
Put what ever you want in the text box..
</textarea>

 

[Francis]

See what I am seeing is you are setting the width at 850px and than using less in each image (img)..

wp_footer(); ?>
<table
style="max-width: 850px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td><img style="width: 130px; height: 79px;"
alt="Home" src="menu001.png"></td>
<td style="width: 850px;"><img
style="width: 247px; height: 79px;" alt="Photography"
src="menu002.png"></td>
<td><img style="width: 178px; height: 79px;"
alt="Artwork" src="menu003.png"></td>
<td><img style="width: 108px; height: 79px;"
alt="Links" src="menu004.png"></td>
<td><img style="width: 187px; height: 79px;"
alt="Contact" src="menu005.png"></td>
</tr>
</tbody>
</table>

 

[Dana]

the whole table is supposed to be 850px long each image when put together is supposed to equally 850 in length and should by my calculation....

 

[Francis]

the whole table is supposed to be 850px long each image when put together is supposed to equally 850 in length and should by my calculation....

Trying my best to help you Dana..

Well it does add up to 850, so that is right.. But I just found the following.. Are you sure it's not supposed to be set by % instead.. Not sure as I usually do it on screen..

<table border="1" width="100%">
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td width="70%">January</td>
<td width="30%">$100</td>
</tr>
<tr>
<td>February</td>
<td>$80</td>
</tr>
</table>

http://www.w3schools.com/tags/att_td_width.asp

 

[Dana]

how would i figure the percentage?

 

[Dana]

Nope it just made it wider