Форум программистов [Powered by Invision Power Board]

Код

<head>
<style>
.pages {
    width:100%;
    table-layout:fixed;
    border:0;
    border-collapse:collapse;
    border-spacing: 0;
}

.pages td {
    height:11px ;
    background-image: url(pages.gif);
    background-position: 100% -22px;
    background-repeat: no-repeat;
}
.pages td.last {
    background-position: 100% -33px;
}
.pages td.last.current {
    background-position: 100% -44px;
}
.pages td.pred{
    background-position: 100% -11px;
}
.pages td.current{
    background-position: 100% 0;
}
</style>
</head>
<body>
<table class="pages" ><tr>
<td></td><td></td><td></td><td></td><td></td><td class="pred"></td><td class="current"></td><td class="last"></td>
</tr>
</table>
<table class="pages" ><tr>
<td></td><td><td></td><td></td><td class="pred"></td><td class="last current"></td>
</tr>
</table>
<table class="pages" ><tr>
<td class=current></td><td></td><td class="pred"></td><td class="current"></td><td class="last"></td>
</tr>
</table>
<table class="pages" ><tr>
<td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td class="pred"></td><td class="current"></td><td class="last"></td>
</tr>
</table>
</body>