my tables are jacked

  • floridafishandhunt.com
  • Graduate
  • Graduate
  • User avatar
  • Posts: 130
  • Loc: Florida

Post 3+ Months Ago

Hey everyone.
I loaded some new info tonight and my sportsman of the week table is a little jacked and so is my fishing reports tables.
http://www.floridafishandhunt.com
If you look at them there is a little gap on the right side of each table.
I tried to resize the cells but when I do it makes the page even worse.
Any suggestions?
Doug
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23455
  • Loc: Woodbridge VA

Post 3+ Months Ago

You're off one pixel. Check to make sure what you added didn't contain an errant cellpadding or cellspacing of a one pixel difference from what you used to have.
  • floridafishandhunt.com
  • Graduate
  • Graduate
  • User avatar
  • Posts: 130
  • Loc: Florida

Post 3+ Months Ago

I tried resizing them. I use dreamweaver and it screw everything up.
Hmmmmm
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23455
  • Loc: Woodbridge VA

Post 3+ Months Ago

I'm not talking about resizing -- check cellpadding and cellspacing attributes -- more often than not, that's what screws them up.
  • floridafishandhunt.com
  • Graduate
  • Graduate
  • User avatar
  • Posts: 130
  • Loc: Florida

Post 3+ Months Ago

ok I am going to look.
The thing is I didnt change the cell padding or spacing at all.
all I did was cpoy some info down in the code view saved changes after I was done and realized afterwards I had screwed up.
Doug
I will see if I cant find anything. I hope I dont have to relayout this page.
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23455
  • Loc: Woodbridge VA

Post 3+ Months Ago

Check this:

Code: [ Select ]
<td width="261" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
            <!--DWLayoutTable-->
            <tr>
             <td width="260" height="30" valign="top" bgcolor="#999999"><img src="images/sportsmantop.gif" width="260" height="30"></td>
            </tr>
            <tr>
             <td height="301" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#DCE9FF" class="border2">
               <!--DWLayoutTable-->
               <tr>
                <td width="258" height="159" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
                  <!--DWLayoutTable-->
                  <tr>
                   <td width="10" height="9"></td>
                   <td width="238"></td>
                   <td width="10"></td>
                  </tr>
                  <tr>
                   <td height="150"></td>
                   <td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
                     <!--DWLayoutTable-->
                     <tr>
                      <td width="238" height="150" valign="top"><div align="center"><img src="images/SOTW.jpg" width="240" height="180"></div></td>
                     </tr>
                    </table></td>
                   <td></td>
                  </tr>
                 </table></td>
               </tr>
               <tr>
                <td height="89" valign="top" class="sportsmantext"><div align="center">
                  Ryan Matos caught this snook on a greenie
                  in the Saint Lucie inlet. The report was that
                  the day they went they couldnt keep the snook
                  out of the boat. Ryan said he decided to catch
                  and release. Except for this one-Good Job
                  Ryan!</div></td>
               </tr>
               <tr>
                <td height="21" valign="top"><a href="mailto:doug@floridafishandhunt.com"><img src="images/submit.gif" alt="Make sure to include all the details of your catch or kill!" width="258" height="20" border="0"></a></td>
               </tr>
              </table></td>
            </tr>
            <tr>
             <td height="19" valign="top"><img src="images/sportsmanbottom.gif" width="260" height="19"></td>
            </tr>
           </table></td>
  1. <td width="261" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
  2.             <!--DWLayoutTable-->
  3.             <tr>
  4.              <td width="260" height="30" valign="top" bgcolor="#999999"><img src="images/sportsmantop.gif" width="260" height="30"></td>
  5.             </tr>
  6.             <tr>
  7.              <td height="301" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#DCE9FF" class="border2">
  8.                <!--DWLayoutTable-->
  9.                <tr>
  10.                 <td width="258" height="159" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
  11.                   <!--DWLayoutTable-->
  12.                   <tr>
  13.                    <td width="10" height="9"></td>
  14.                    <td width="238"></td>
  15.                    <td width="10"></td>
  16.                   </tr>
  17.                   <tr>
  18.                    <td height="150"></td>
  19.                    <td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0">
  20.                      <!--DWLayoutTable-->
  21.                      <tr>
  22.                       <td width="238" height="150" valign="top"><div align="center"><img src="images/SOTW.jpg" width="240" height="180"></div></td>
  23.                      </tr>
  24.                     </table></td>
  25.                    <td></td>
  26.                   </tr>
  27.                  </table></td>
  28.                </tr>
  29.                <tr>
  30.                 <td height="89" valign="top" class="sportsmantext"><div align="center">
  31.                   Ryan Matos caught this snook on a greenie
  32.                   in the Saint Lucie inlet. The report was that
  33.                   the day they went they couldnt keep the snook
  34.                   out of the boat. Ryan said he decided to catch
  35.                   and release. Except for this one-Good Job
  36.                   Ryan!</div></td>
  37.                </tr>
  38.                <tr>
  39.                 <td height="21" valign="top"><a href="mailto:doug@floridafishandhunt.com"><img src="images/submit.gif" alt="Make sure to include all the details of your catch or kill!" width="258" height="20" border="0"></a></td>
  40.                </tr>
  41.               </table></td>
  42.             </tr>
  43.             <tr>
  44.              <td height="19" valign="top"><img src="images/sportsmanbottom.gif" width="260" height="19"></td>
  45.             </tr>
  46.            </table></td>


Your table width is 261px, but your image is only 260px Then below in your next row your td class is border2 which is going to add one more pixel. I think if you change the table width here:

Code: [ Select ]
<table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#DCE9FF" class="border2">


....to 260 instead of 100% that should fix your sportsman of the week table. In other words to this:
Code: [ Select ]
<td width="261" valign="top"><table width="260" border="0" cellpadding="0" cellspacing="0">
            <!--DWLayoutTable-->
  1. <td width="261" valign="top"><table width="260" border="0" cellpadding="0" cellspacing="0">
  2.             <!--DWLayoutTable-->


If that takes care of it, then the other problem is probably something similar.


//edit --just tried it and that fixed it exactly -- looking at the other one, now
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23455
  • Loc: Woodbridge VA

Post 3+ Months Ago

I looked at the other two tables andit looks like the same scenario -- change the 100% for the primary table to 1 pixel less than the td - so fishing reports table would change from 100% to 472 (you'll need to do that with all seven tables --I just checked them and sure of that)

Looking at the last one now.
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23455
  • Loc: Woodbridge VA

Post 3+ Months Ago

Yep change 100% to 471 for the two tables there

//I think the border2 class is what throws you off - if you use 100% IE makes that the actual size and then addes the extra pixel for the border after the fact which is what throws your tables out of whack.
  • floridafishandhunt.com
  • Graduate
  • Graduate
  • User avatar
  • Posts: 130
  • Loc: Florida

Post 3+ Months Ago

DONE! :P
Thanks man I fiqured it out "with your help"
I feel like suck a loser but I couldnt figure it out.
Once again AT is my hero!
Thanks Man ,
Can I buy you a beer?
Doug
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23455
  • Loc: Woodbridge VA

Post 3+ Months Ago

Coors Light works just fine...*lol
  • floridafishandhunt.com
  • Graduate
  • Graduate
  • User avatar
  • Posts: 130
  • Loc: Florida

Post 3+ Months Ago

Looks like you dont need any more coors light BUD!
DOUG
:shock:
Image
  • ATNO/TW
  • Super Moderator
  • Super Moderator
  • User avatar
  • Posts: 23455
  • Loc: Woodbridge VA

Post 3+ Months Ago

OMG!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

Post Information

  • Total Posts in this topic: 12 posts
  • Users browsing this forum: No registered users and 41 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
 

© 1998-2014. Ozzu® is a registered trademark of Unmelted, LLC.