| Refresh | Home EGTry.com

paging


CommentsHTML sourcedisplay in your current browser
simple paging based on little wooods
<style type="text/css">

.pagenav_row {
	
    font-family: arial, verdana, helvetica;
    font-size: 11px;
    font-style: normal;
}



.pagenav_row .pagenav_column {
	width: 500px;
	margin: 0px;
	padding: 6px 0px 0px 0px;
	float:left;
}

.pagenav_row .pagenav_column ul li { 
   display:inline; 
   margin:0px !important;
   border:0px !important;
   padding:0px !important;   
}

.pagenav_row .pagenav_column .pagenav_item {
	margin: 1px 2px 1px 1px;
	padding: 0px 3px 0px 3px;
}

.pagenav_item a {
   font-weight:bold;
	color:#000000;
   border:1px solid #616161;
   text-align:center;  
   text-decoration:none !important;
   padding:0px 3px;
}

.pagenav_item a:hover {
   font-weight:bold;
   border:1px solid #616161;
   text-align:center; 
   text-decoration:none;
   background-color:#CCCCCC;    
}

.pagenav_item a.selected {
   font-weight:bold;
   border:1px solid #CCCCCC;
   text-align:center;  
   text-decoration:none !important;
   padding:0px 3px;
   background-color:#CCCCCC;    
}

.pagenav_item a.selected:hover {
   font-weight:bold;
   border:1px solid #CCCCCC;
   text-align:center;  
   text-decoration:none !important;
   padding:0px 3px;
   background-color:#CCCCCC;    
}
</style>



<div class="pagenav_row">
<div class="pagenav_column">
			<ul>				
<li class="pagenav_item"><a title="PAGE 1" href="">1</a></li>
<li class="pagenav_item"><a class="selected" title="PAGE 2" href="">2</a></li>	
<li class="pagenav_item"><a title="PAGE 3" href="">3</a></li>
<li class="pagenav_item"><a title="PAGE 4" href="">4</a></li>				
<li class="pagenav_item"><a title="PAGE 5" href="">5</a></li>				
<li class="pagenav_item"><a title="PAGE 6" href="">6</a></li>				
<li class="pagenav_item"><a title="PAGE 7" href="">7</a></li>
<li class="pagenav_item"><a title="Page 8"  href="">8</a></li>
<li class="pagenav_item"><a title="PAGE 9" href="">9</a></li>				
<li class="pagenav_item"><a title="PAGE 10" href="">10</a></li>				
<li class="pagenav_item"><a title="PAGE 11" href="">11</a></li>				
<li class="pagenav_item"><a title="PAGE 12" href="">12</a></li>
<li class="pagenav_item"><a title="Page 13"  href="">13</a></li>
			</ul>

</div>

</div>