Table Formating Problem

  • jamiedolan

    (@jamiedolan)


    15 years ago

    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)
  • WatchCount.com

    (@watchcountcom)

    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

    vmiko2op

    (@vmiko2op)

    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

    WatchCount.com

    (@watchcountcom)

    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.