Hello.
I am a newbie on php coding and I need your help.
Now the codes in HTML and CSS which wants to be stylish with pagination numbers as shown in pagination using my code.
How do I do this I need the code can not find anywhere how to do pagination in my code like this I would.
1,2,3,4,5,6,7,8,9,10 Next
Here’s the code and the example:
<style>
body{
background: #383838;
}
.pages{
margin: 0 auto;
padding: 0;
display: block;
font-weight: bold;
font-size: 10pt;
}
ul{
list-style-type: none;
}
.pages li{
float: left;
padding: 1px;
}
.pages li a{
color: #ffffff;
background: #383838;
border: 1px solid #000000;
padding: 5px 5px;
line-height: 1em;
text-decoration: none;
background: transparent url(pages.gif) repeat-x 0 0;
width: 11px;
height: 27px;
}
.pages li a:hover{
color: #000000;
background: transparent url(pageshov.gif) repeat-x 0 0;
width: 11px;
height: 27px;
}
</style>
<div class="pagination">
<ul class="pages">
<li><a href="">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="">6</a></li>
<li><a href="">7</a></li>
<li><a href="">8</a></li>
<li><a href="">9</a></li>
<li><a href="">10</a></li>
<li><a href="">11</a></li>
<li><a href="">next</a></li>
</ul>
</div>