Si on peut se passer d'images
Déjà, pour la nav dans les pages, les mettre dans une liste.
Mettre un alt vide sur les images
Ajouter le texte dans un <span class="hidden" />
<div class="pagination">
<ul>
<li class="first"><a href=""><img src="src" alt="" /><span
class="hidden">First page</span></a></li>
<li class="prev"><a href=""><img src="src" alt="" /><span
class="hidden">Previous</span></a></li>
<li class="active"><strong>Page x/x</strong></li>
<li class="next"><a href=""><img src="src" alt="" /><span
class="hidden">Next page</span></a></li>
<li class="last"><a href=""><img src="src" alt="" /><span
class="hidden">Last page</span></a></li>
</ul>
<p>Direct access page (les inputs)</p>
</div>
Côté css on commence avec :
.pagination ul, .pagination li, .pagination p {display:inline-block;}
Et je prendrai le relais ensuite :)
Le 5 septembre 2013 16:15, Bruno <[email protected]> a écrit :
> Coucou,
>
> J'ai commencé à faire quelque chose pour la refonte de la pagination.
>
> Brut de décoffrage, le code pondu est le suivant :
> <form action="/dc2/admin/posts.php" method="get">
> <p class="pagination">
> <a href="/dc2/admin/posts.php?page=1">
> <img src="style/page/pagination_1_first.png" />
> </a>
> <a href="/dc2/admin/posts.php?page=4">
> <img src="style/page/pagination_1_previous.png" />
> </a>
> Page 5 / 7
> <a href="/dc2/admin/posts.php?page=6">
> <img src="style/page/pagination_1_next.png" />
> </a>
> <a href="/dc2/admin/posts.php?page=7">
> <img src="style/page/pagination_1_last.png" />
> </a> 
> Direct access page
> <input type="text" size="3" name="page" maxlength="10" />
> <input type="submit" value="Ok" name="ok" />
> </p>
> </form>
>
> J'imagine qu'il manque plein de label, de alt et compagnie. Des suggestions
> ?
>
> --
> Bruno
> --
> Dev mailing list - [email protected] - http://ml.dotclear.org/listinfo/dev
--
Anne / Kozlika
--
Dev mailing list - [email protected] - http://ml.dotclear.org/listinfo/dev
