I am trying to make the next and previous button more defined. Are there any predefined styles that are available to me using mislav-will_paginate
+3
A:
I would use the pagination helper; if you need something else, in my experience you're likely doing it wrong.
So just do
<%= will_paginate @people %>
And use this generic digg style link css:
.pagination { padding: 3px; margin: 3px; }
.pagination a { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #aaaadd; text-decoration: none; color: #000099; }
.pagination a:hover,
.pagination a:active { border: 1px solid #000099; color: #000; }
.pagination span.current { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #000099; font-weight: bold; background-color: #000099; color: #FFF; }
.pagination span.disabled { padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #eee; color: #ddd; }
Jesse Wolgamott
2010-08-01 19:29:40
Could you explain span.disabled meaning?
VvDPzZ
2010-08-02 16:58:04
@VvDPzZ will-paginate will create a span that is 'disabled' when you're on the first page and can't go previous. <span class="disabled prev_page">« Previous</span>
Jesse Wolgamott
2010-08-02 17:19:38