Table Formating Problem

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

    https://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="https://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="https://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="https://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

Viewing 4 replies - 1 through 4 (of 4 total)

  • 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

    Hello,
    My theme is WORD PRESS CLASSIC 1.5
    https://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

    Thread Starter jamiedolan

    (@jamiedolan)

    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

    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

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Table Formating Problem’ is closed to new replies.