CodingForums.com

CodingForums.com (http://www.codingforums.com/index.php)
-   HTML & CSS (http://www.codingforums.com/forumdisplay.php?f=13)
-   -   css trouble - trying to align horizontally (http://www.codingforums.com/showthread.php?t=204263)

musicforte 09-09-2010 08:07 AM

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. :eek:

abduraooft 09-09-2010 09:14 AM

Try to fix the critical errors in your markup first, see http://validator.w3.org/check?verbos...m.php%3Ff%3D60

dudeshouse 09-09-2010 10:40 AM

Try adding float: left; to .pagination span strong and .pagination a

Best to fix the validation issues too as suggested by abduraooft...

musicforte 09-09-2010 05:05 PM

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.

dudeshouse 09-09-2010 05:15 PM

Glad you fixed it.
Btw, it's not the CSS that needs the validation done, it's the markup.
Cheers.


All times are GMT +1. The time now is 08:18 PM.

Powered by vBulletin®
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.