WordPress.org

Ready to get started?Download WordPress

Forums

Post UI Tabs
[resolved] CSS help please? (4 posts)

  1. hcwadmin
    Member
    Posted 10 months ago #

    http://www.lintonhallrealtors.com/mobile-apps/

    For some reason the tabbed content area is not all appearing withing the box with the rounded corners. It's very subtle, but it bugs me. Can anyone help?

    This is a mock-up of the mobile apps page. This is the common content above the tabbed interface.
    
    [tab name="iPhone"][one-half-first]
    <h2 class="fancyText superLightText empTextSuper fNormal">Linton Hall Realtors® iPhone App</h2>
    <strong>Find exactly what you’re looking for.</strong>
    Use search filters to see all homes for sale that match your interests.
    
    <strong>Be the first to know.</strong>
    Get notifications about new matches as soon as they come on the market.
    
    <strong>Team up with a local expert.</strong>
    Your local real estate agent is always ready to help.
    <p class="largeVMarg"><a class="medRtMarg primaryBtn btnEmphasis" href="http://itunes.apple.com/us/app/ziprealty-real-estate/id340513671?mt=8" target="_blank">Download Now</a>
    <a href="http://itunes.apple.com/us/app/ziprealty-real-estate/id340513671?mt=8" target="_blank">
    <img style="vertical-align: middle;" alt="ZipRealty on Apple App Store" src="http://images.static-ziprealty.com/z/20130509172912/images/mobile/2013/apple_app_store.png" />
    </a></p>
    [/one-half-first]
    [one-half]
    <img class="alignright size-full wp-image-4259" alt="iPad-placeholder" src="http://www.lintonhallrealtors.com/wp-content/uploads/2013/05/iPad-placeholder.png" width="415" height="415" />
    [/one-half][/tab]
    [tab name="iPad"][one-half-first][/one-half-first][one-half][/one-half][/tab]
    [tab name="Android"][one-half-first][/one-half-first][one-half][/one-half][/tab]
    [end_tabset]

    http://wordpress.org/extend/plugins/put/

  2. Mark / t31os
    Moderator
    Plugin Author

    Posted 10 months ago #

    The two elements you have side by side(which appear to be generated by another shortcode) have floats applied to them, you need to clear the floats to prevent the elements breaking out of their container.

    Give this a shot, add the following before the closing [/tab].

    <br class="clear" />

    or alternatively(if you prefer)

    <div class="clear"></div>

    And that should solve the problem, either way, let know how you get on.. :)

  3. hcwadmin
    Member
    Posted 10 months ago #

    Clearfix solved the problem. Thanks!

  4. Mark / t31os
    Moderator
    Plugin Author

    Posted 10 months ago #

    Happy to help.. :)

Reply

You must log in to post.

About this Plugin

About this Topic

Tags