Forums

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

Home Forums CSS Overlapping CSS Elements

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #41061
    siouxfan45
    Participant

    On this site: [Example](http://themeforward.com/demo2/http://themeforward.com/demo2/”) I have a newer/older link on the bottom of the page. This lies below .excerpt in .pagination. However, adding padding to the link pushes the padding up into .excerpt, making the two elements overlap. I would like my pagination links cleanly lie below .excerpt.

    I’d appreciate any help in solving this issue; my current CSS is below:

    .excerpt {
    padding:25px 0;
    border-bottom:1px solid #DDD;
    width:100%;
    overflow:hidden;
    clear:both
    }

    .pagination {
    clear:both;
    width:100%
    }
    .pagination a {
    background:#3300FF;
    padding:2%
    }

    #115977
    wolfcry911
    Participant

    just float the anchor

    #115981
    otc
    Participant

    Hello,

    You have many solutions however if you want something to be at a very specific position you should make its position to relative and play with the top/right/bottom/left properties.

    Example:


    .excerpt {
    position: relative;
    top: 5px;
    width: 100%;
    padding: 25px 0;
    border-bottom: 1px solid #DDD;
    overflow: hidden;
    clear: both
    }

    Good luck

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