Advanced Search

Return to Snippet

Revision: 4682
at January 15, 2008 11:23 by shellydennison
Initial Code 
------- CSS --------

.paging{margin:0 20px 20px 0; padding:2px}
.paging ul{margin:0; padding:0; text-align:left;}
.paging li{list-style-type:none; display:inline; padding-bottom:1px}
.paging a, .paging a:visited{padding:0 5px;  text-decoration:none; color: #666}
.paging a:hover, .paging a:active{ color:#000; background:#eee; text-decoration: none;}
.paging a.current, .paging a:hover.current {background:#000; color:#FFF !important; border-color:#9C3D3D; font-weight:bold; cursor:default}
.paging a.next, .paging a:visited.next{ color: #B72A26;}
.paging a:hover.next{text-decoration: underline; background: none;}
.paging a.disabled, .paging a.disabled:hover{background: none; cursor:default; font-weight: normal;  text-decoration: none;}


------- HTML --------

	<div class="paging">
		<ul>
		<li><a href="#" class="next disabled">« previous</a></li>
		<li><a href="#" class="current">1</a></li>
		<li><a href="#">2</a></li>
		<li><a href="#">3</a></li>
		<li><a href="#">4</a></li>
		<li><a href="#">5</a>...</li>
		<li><a href="#">9</a></li>
		<li><a href="#">10</a></li>
		<li><a href="#" class="next">next »</a></li>
		</ul>
	</div>
Initial URL 
/view/717/enlaces-de-paginacin--pagination-links/
Initial Description 
This code is based on  enlaces de paginacin posted by Web Design
Initial Title 
Pagination  Links
Initial Tags 
css, html
Initial Language 
CSS