Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Boxes not lining up

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #235667
    motion2082
    Participant

    Hey guys,

    Trying to line up TESTIMONIALS with POPULAR at the following website http://tinyurl.com/ke528mn

    When I adjust the margin it moves too far.

    Can anyone help me out?

    #235668
    Shikkediel
    Participant

    It’s the margin on this element :

    <ul id="home-page-tabs" class="nav nav-tabs clearfix">
    

    The .nav class is giving it 5 pixels margin where 3 would line it up with the column on the left.

    #235669
    motion2082
    Participant

    Temporary put in

    <div style="padding-top:5px"></div>
    

    above the

    <ul id="home-page-tabs" class="nav nav-tabs clearfix">
    

    Should I just remove the nav class maybe?

    #235670
    Shikkediel
    Participant

    Seems fine to just remove that class, looks like .nav is only adding that extra bit of margin anyway.

    #235671
    motion2082
    Participant

    Thank you for your help, much appreciated!

    #235672
    Shikkediel
    Participant

    No problem. Just a tip, you don’t actually have to insert a new div or anything to add padding or margin but you could do it directly on the element in question. Using developer tools can be very useful to identify what styles are applied to an element – and which one to target in order to change it.

Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.