StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Table spacing

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Table spacing

This topic is: not resolved

Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 29, 2015 at 6:27 am #169458
    peterlaz
    Participant

    I am using the parallax pro theme.

    I have created a 2 cell table to place an image in the left and google map in the right. I have tried adjusting the cell spacing and padding, but there seem to be a gap in the bottom for whatever settings I use. How can I remove the spacing in the bottom?

    Thanks.

    This is the table codes that I am using.

    <table border="2" bordercolor="grey" bgcolor="#cdcdcd" cellspacing="0" cellpadding="0">
    <tr>
    <td class="address-image">
    Picture of building and address goes here
    </td>

    <td class="google-map">
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3320.583649851184!2d-117.79161238445111!3d33.66794844533004!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0000000000000000%3A0xd34d139a325c7385!2sWoodbridge+Willows!5e0!3m2!1sen!2smy!4v1446120827015" width="658" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
    </td>
    </tr>
    </table>

    http://www.plan2040.com/contact-us/
    October 29, 2015 at 7:30 am #169472
    Victor Font
    Moderator

    Tables should never be used for page layout. Not only is it old school, but tables are bad for the following reasons:

    • Slow to render as the browser needs to download most - if not all - of the table to render it properly
    • They require more HTML than non-table layouts which means slower loading and rendering, as well as an increased bandwidth usage
    • They can be a nightmare to maintain as they can quickly get complex
    • They can break text copying
    • They negatively affect screen readers and may make your content inaccessible to some users
    • They are not as flexible as using proper semantic markup
    • They were never intended to be used for page layouts
    • Making tables into a responsive layout is very difficult to control

    A better choice is formatting the area with divs and Genesis column classes (http://my.studiopress.com/tutorials/content-column-classes/) or CSS table classes: http://programmers.stackexchange.com/questions/277778/why-are-people-making-tables-with-divs

    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.