WordPress.org

Ready to get started?Download WordPress

Forums

Table/ Image/ Text allignments (5 posts)

  1. sebassah
    Member
    Posted 1 year ago #

    Hi all,

    working on a childtheme for noanoanederland.nl. All good so far but I seem to have issues showing images in tables in the correct alignment. As you can see at http://www.noanoanederland.nl/utrecht.

    I try to let pictures show up next to the text.

    I used the following code:

    <table width="600" border="0">
    <tr>
    <td width="149" align="left" valign="top"><img src="http://www.noanoanederland.nl/wp-content/uploads/2012/11/locatieamimg.png" width="132" height="108" /></td>
    <td width="441" align="left" valign="top"> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ut semper erat. Sed ut risus sit amet lorem venenatis rhoncus. Etiam adipiscing velit tincidunt nunc luctus pulvinar mattis orci rutrum. Nam hendrerit elit at tortor lobortis id tincidunt dolor blandit. Sed faucibus tincidunt magna vel congue. Donec volutpat, sem non lacinia euismod, velit justo consectetur lectus, eu elementum turpis tellus in mi. </td>
    </tr>
    <tr>
    <td> </td>
    <td> </td>
    </tr>
    <tr>
    <td>Noa Noa Utrecht</td>
    <td rowspan="12">[wpgmza id="1"]</td>
    </tr>
    <tr>
    <td>Lijnmarkt 20/A</td>
    </tr>
    <tr>
    <td>3511 KH Utrecht</td>
    </tr>
    <tr>
    <td> </td>
    </tr>
    <tr>
    <td>035 - 23 24 356</td>
    </tr>
    <tr>
    <td>Direct contact</td>
    </tr>
    <tr>
    <td> </td>
    </tr>
    <tr>
    <td> </td>
    </tr>
    <tr>
    <td> </td>
    </tr>
    <tr>
    <td> </td>
    </tr>
    <tr>
    <td> </td>
    </tr>
    <tr>
    <td> </td>
    </tr>
    </table>

    Any Ideas and suggestions?

    Thanks in advance, Seb

  2. Andrew Nevins
    Barrel Rider, Spam Zapper & Volunteer Moderator
    Posted 1 year ago #

    Consider replacing tables with <div>s, otherwise you'll compromise accessibility and SEO. It looks like you may create more work for yourself too, as to get the structure you want, you may need to create tables inside of tables.

  3. Aaron
    Member
    Posted 1 year ago #

    This is kind of hard because it would actually be better to get rid of all the tables. But easiest fix possible would be to add this to style.css

    .entry-content td, .comment-content td {
    vertical-align: top;
    }

    Then for your address and stuff left of the map put that all in 1 row so their isnt that space.

  4. sebassah
    Member
    Posted 1 year ago #

    That was a great solution WP BUM!

    There a re a few things not aligning correct though. Could you have another look:

    The text top right doesnt allign with the top of the image
    The map doesnt allign right (should i add that to .entry-content td aswell?

    If you look at the right sidebar there are simmular tables, youd think your solution would work there aswell?

    Thanks for the hulp so far.

  5. sebassah
    Member
    Posted 1 year ago #

    @ Andrew Nevins, im not that experienced with <DIV> tags to create alignments. How would that look/ work?

Topic Closed

This topic has been closed to new replies.

About this Topic