Сегодня поговорим о типичной листалке, которая находится внизу главной страницы этого сайта. Следует сказать, что разбиение на страницы по количественному ограничителю не самый лучший вариант группировки. Надо стараться отходить от этого и не бояться разрабатывать и использовать свои методы (лично мне нравится идея разбиения по временному признаку и показа последних записей за определенный период вне групп). Но пока не об этом.

Как вы успели заметить, каждая ссылка оформлена в виде номера, заключенного в квадратную область. Эта область образована путем заключения ссылки в див и задания отступов внутри дива. Выделенная область закрашивается серым цветом.

Минимальное необходимое улучшение заключается в присвоении тегу а стиля display:block. Благодаря этому выделенная область войдет в состав ссылки и будет реагировать на курсор еще до того момента как сам курсор достигнет области, занимаемой текстом ссылки. Т.е. мы невидимо раскинули границы ссылки на площадь, заведомо гораздо большую площади цифры. Этим мы значительно уменьшим время реакции системы на действие пользователя, решившего перейти на другую страницу (непонятно, почему сейчас не так. Серега, ты где).

В случаях, когда у нас есть выбор, каким текстом обозначить ссылку, мы должны выбирать наиболее сбалансированный вариант. Например, для обозначения ссылки на раздел, рассказывающий о целях создания ресурса, можно выбрать один из следующих вариантов: "Мы", "О нас", "Наши цели" (не лучший набор). В этом случае первый вариант занимает меньше всего места, но он менее удобен, т.к. до него элементарно труднее дотянуться курсором и вообще, что это за ссылка такая "мы" и что они туда запихали. Второй вариант кажется сбалансированным по размеру, удобству и понятности, но это только так кажется, потому что выбор альтернативы зависит от того, насколько хорошие варианты были еще. Третий вариант наиболее точно описывает тот результат, за который отвечает, он наиболее удобен, но может не удовлетворить нас своими габаритами.

Ответ на вопрос "как сделать ссылку удобней": описать результат более подробно, либо искусственно увеличить область реагирования если первое невозможно.

Закон Фитса
Свойство "дисплей"
Тесные кликабельные зоны
Хорошая закуска к любому сайту (мотайте до "Меню")

P. S. Так у нас тут правильный икс-ХТМЛ или что?