WordPress.org

1. jamiedolan
   Member
   Posted 2 years ago #

   HI,
   I am having trouble getting a table to format properly in WP. This image shows my problem:

   http://www.dolanhosting.net/jamiedolan/htmlhelp.jpg

   This is my code: (I don't see any padding values other than 0). I'm am guessing this might be related to how the photo gets inserted

   <table style="background-color: #f5f5f5; width: 150px; height: 200px;" border="1" cellspacing="0" align="right">
   <tbody>
   <tr>
   <td style="text-align: center;"><strong>"Jamie with Akiva & Vasco"</strong></td>
   </tr>
   <tr>
   <td><p><a href="http://jamiedolan.com/wp-content/uploads/2009/11/IMG_8964.CR2.jpg"><img class="aligncenter" style="border: 0pt none; margin: 0px; vertical-align: middle;" title="Jamie Dolan Akiva & Vasco" src="http://jamiedolan.com/wp-content/uploads/2009/11/IMG_8964.CR2-300x300.jpg" alt="Jamie Dolan Akiva & Vasco" width="200" height="200" /></a></p></td>
   </tr>
   <tr>
   <td><p style="text-align: center;"><span style="font-size: medium;">by: Jamie Dolan</span><br />
    <a class="aligncenter" title="Contact" href="http://jamiedolan.com/contact/" target="_blank">Click here to conact Jamie</a></p></td>
   </tr>
   </tbody>
   </table>

   Thank you very much for any assistance you can provide.
   Jamie Dolan

2. WatchCount.com
   Member
   Posted 2 years ago #

   Jamie, it looks like you're trying to get rid of that extra space, right? I think the issue is simple: the <p> tags by default insert padding/margins. I'd say either remove the <p> tags, or insert some CSS like this: <p style="margin: 0px; padding: 0px;">

   Also, whenever I have trouble with formatting tables, I toggle/experiment with the following CSS:

   <table style="table-layout: auto; border-collapse: collapse;">
   <table style="table-layout: fixed; border-collapse: collapse;">

   Table size is tricky, especially given differences between browsers, and that IE (perhaps others) take width/height instructions as "suggestions" some of the time. You might find that dropping the width/height properties for table, and using the "auto" option I mentioned above, a good combination.

   Let us know how it goes.

   -WC

3. vmiko2op
   Member
   Posted 2 years ago #

   Hello,
   My theme is WORD PRESS CLASSIC 1.5
   http://www.welcomehomenetwork.net

   How can I move the photo of my Mom on my HOME page to the right and move up the text on the left please, like the ABOUT US page (which is in a table). I checked the box indicating 'align right' in EDIT IMAGE but nothing happens. If I have to insert the photo in a table with the text, yikes, how do I do that? Obviously I'm new at this. Thank you! Vicki Miko

4. jamiedolan
   Member
   Posted 2 years ago #

   Thank you WatchCount.com,

   Yes, the spacing was my issue. Taking out the p tag solved most of the display issues. I added in the css and that helped with the formatting as well. I still get a bit of weirdness on some things with tables on my site going from Firefox to IE. Hard to believe in this day and age that the 2 browsers can't manage to view a web page the same way.

   Thanks very much for your help
   Jamie Dolan

5. WatchCount.com
   Member
   Posted 2 years ago #

   Jamie,

   Glad to hear you made some good progress with that.

   Yes, browser compatibility will always be an issue to some degree for every webmaster. IE8 does a pretty good job of following web standards. When I code now I find that getting things right for both IE8 and FF3 isn't too difficult. Once I get that, I use IE8's "Compatibility Mode" to show me how IE7 would display things; then I attempt to make some tweaks in the code to accommodate IE7 if possible. I usually leave it at that, hoping for the best with Chrome and Safari and the others, although I may use Browsershots.org quickly to give me some reassurances in that department.

   -WC

Topic Closed

This topic has been closed to new replies.