Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New Coder
    Join Date
    Aug 2010
    Location
    Illinois
    Posts
    20
    Thanks
    1
    Thanked 1 Time in 1 Post

    Cool css trouble - trying to align horizontally

    I'm modding a phpbb forum, and I can't get the pagination links to layout correctly.

    They are stacking vertically, when they should be going horizontally.

    A page example is here.


    And the css that applies to it is:
    Code:
    /* Horizontal lists
    ----------------------------------------*/
    ul.linklist {
        display: block;
        margin: 0;
    }
    
    ul.linklist li {
        display: block;
        list-style-type: none;
        float: left;
        width: auto;
        margin-right: 5px;
        font-size: 1.1em;
        line-height: 2.2em;
    }
    
    ul.linklist li.rightside, p.rightside {
        float: right;
        margin-right: 0;
        margin-left: 5px;
        text-align: right;
    }
    
    ul.navlinks {
        padding-bottom: 1px;
        margin-bottom: 1px;
        border-bottom: 1px solid #FFFFFF;
        font-weight: bold;
    }
    
    ul.leftside {
        float: left;
        margin-left: 0;
        margin-right: 5px;
        text-align: left;
    }
    
    ul.rightside {
        float: right;
        margin-left: 5px;
        margin-right: -5px;
        text-align: right;
    }
    I'm hoping someone can help me with this. I'm going nuts.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,851
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Try to fix the critical errors in your markup first, see http://validator.w3.org/check?verbos...m.php%3Ff%3D60
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New Coder
    Join Date
    Nov 2006
    Location
    Bristol, UK
    Posts
    85
    Thanks
    6
    Thanked 6 Times in 6 Posts
    Try adding float: left; to .pagination span strong and .pagination a

    Best to fix the validation issues too as suggested by abduraooft...
    Never argue with an idiot... they'll bring you down to their level and beat you with experience...

  • Users who have thanked dudeshouse for this post:

    musicforte (09-09-2010)

  • #4
    New Coder
    Join Date
    Aug 2010
    Location
    Illinois
    Posts
    20
    Thanks
    1
    Thanked 1 Time in 1 Post

    Thumbs up

    Thank you both. I've corrected the problem I had. I did not validate the entire CSS, because it's tied into so many different things, and I didn't have the time for it. But I did use it, and at least noticed some obvious errors, that HAD to be corrected.

    So it's looking better now. Thanks again.

  • #5
    New Coder
    Join Date
    Nov 2006
    Location
    Bristol, UK
    Posts
    85
    Thanks
    6
    Thanked 6 Times in 6 Posts
    Glad you fixed it.
    Btw, it's not the CSS that needs the validation done, it's the markup.
    Cheers.
    Never argue with an idiot... they'll bring you down to their level and beat you with experience...


  •  

    Tags for this Thread

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •