Home/ Questions/Q 7775499
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T17:38:48+00:00

I am trying to achieve pagination in my page . <span height=40px><span class=pg-normal onclick=pager.prev();>

  • 0

I am trying to achieve pagination in my page .

<span height="40px"><span class="pg-normal" onclick="pager.prev();"> « Prev </span>
 |
<span id="pg1" class="pg-selected" onclick="pager.showPage(1);" style="display: block;">1</span>
<span id="sp1" style="display: block;">|</span>
<span id="pg2" class="pg-normal" onclick="pager.showPage(2);" style="display: block;">2</span>
<span id="sp2" style="display: block;">|</span>
<span id="pg3" class="pg-normal" onclick="pager.showPage(3);" style="display: block;">3</span>
    <span id="sp3" style="display: block;">|</span></span>

it is almost done except this CSS problem.
i have created a JSFIDDLE. i want the result in single line which it is not coming.
any help will be very useful.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Thats because they all have the style display: block it takes them out of the inline tekst flow and puts them on a seperate line.

    Here is a fiddle that works:
    http://jsfiddle.net/sg3s/bGMa9/2/

    If you want to style them like block elements but not make them leave tekst flow you can use display: inline-block or make them a block level element but use float: left; to make them sit next to each other.

    • 0