Help - Search - Members - Calendar
Full Version: Digg style
HTMLHelp Forums > Web Authoring > Cascading Style Sheets
ofi
First of all.
Merry Christmas and thx for all the help this year.

smile.gif smile.gif

Ok

How can i get this style

CODE
/*CSS Digg style pagination*/
    div.pagination {
        padding: 3px;
        margin: 3px;
        text-align:center;
    }
    
    div.pagination a {
        padding: 2px 5px 2px 5px;
        margin: 2px;
        border: 1px solid #AAAADD;
        
        text-decoration: none; /* no underline */
        color: #000099;
    }
    div.pagination a:hover, div.digg a:active {
        border: 1px solid #000099;

        color: #000;
    }
    div.pagination span.current {
        padding: 2px 5px 2px 5px;
        margin: 2px;
        border: 1px solid #000099;
        
        font-weight: bold;
        background-color: #000099;
        color: #FFF;
    }
    div.pagination span.disabled {
        padding: 2px 5px 2px 5px;
        margin: 2px;
        border: 1px solid #EEE;
    
        color: #DDD;
    }


to work with this
CODE
<table>
    <tr>
        <td><?=($cPage > 1 ? '<a href="?sida=1">&lt;&lt;</a>' : '&lt;&lt;')?></td>
        <td><?=($cPage > 1 ? '<a href="?sida='.($cPage-1).'">&lt;</a>' : '&lt;')?></td>
        <td>Síða <?=$cPage;?> af <?=$cPages;?></td>
        <td><?=($cPage != $cPages ? '<a href="?sida='.($cPage+1).'">&gt;</a>' : '&gt;')?></td>
        <td><?=($cPage != $cPages ? '<a href="?sida='.$cPages.'">&gt;&gt;</a>' : '&gt;&gt;')?></td>
    </tr>
</table>
pandy
By using selectors that match your HTML, I guess.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.