Опубликовано автор в категориях Всем сразу.

ЗаметкиПривет! Во-первых, хочу извинится за то, что не пишу так долго. Есть много тем, много идей, но мало времени для того чтобы писать. Но сегодня хочу рассказать о двух вещах: первое — типа высказать свое возмущение :), второе — поделится одним занимательным наблюдением и предложить вместе найти объяснение этому феномену.

Итак, меня очень сильно бесят тупые комментаторы, которые заходят на блог ради ссылки или комментируют пост не вникнув в суть, не осмыслив то, что они прочитали. Причем, посты типа этого, в котором просто поток мыслей, еще можно комментировать не думая, но посты, в которых я предлагаю какие-либо решения, манаульчики и прочее… Такие посты нужно читать обдумано, и если вы находите в таком посте неточность, ошибку, то указывайте на нее, а указывая, подкрепляйте свои высказывания фактами: «гуглите», ищите в Яндексе, идите в библиотеку. Вот тогда, такие замечания становятся полезными, тогда я вам скажу спасибо, вам скажут спасибо все, кто прочитают пост и ваши замечания к нему. В общем, если в посте с каким-то решением вы пишите — «Не работает!» — и все, то такие комменты останутся без какого-либо внимания. Если же вы напишите почему не работает, какого рода ошибка, опишите ситуацию в которой вы применяли метод, тогда я отвечу на ваш комментарий, я протестирую все еще раз, я перепишу пост, чтобы было понятнее. Ненавижу тупых людей… Все, останавливаюсь.

Теперь перейду к интересному наблюдению, которое касается верстки, спрайтов и псевдоклассов

В одном из текущих проектов, я использовал стандартное горизонтальное меню в виде списка. Конструкция выглядела так:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<ul>
  <li>
   <span>
     <a>Ссылка</a>
   </span>
  </li>
<li>
   <span>
     <a>Ссылка</a>
   </span>
  </li>
<li>
   <span>
     <a>Ссылка</a>
   </span>
  </li>
</ul>

Я использовал спрайты для того, чтобы подсветить табы меню при наведении курсора мыши. В общем, проблем с самой разметкой и стилями не было. Но после того, как я протестировал результат, то я увидел, что после подсветки таба на хувер мыши, один из элементов конструкции становится неактивным на несколько мгновений позже другого. Для «подсветки» я использовал псевдокласс :hover для элементов li и a (только не для ie6 естественно).

В общем, никакие манипуляции не помогали и один из элементов «затухал» чуть позже первого. Тогда я вспомнил про DOM и решил для создания нужной конструкции использовать не метод li + a а задействовать для оформления имеющийся в моей конструкции span То есть, я использовал конструкцию span + a И в итоге, элементы стали обрабатываться равномерно при использование все того же псевдокласса :hover.

«Прогуглив» и просмотрев тему на авторитетных в области CSS изданиях, найти объяснения этому феномену мне не удалось. Чисто логически, думаю что все дело здесь в том, как браузер обрабатывает псевдоклассы элементов в DOM документа. Возможно, еще это зависит того, к элементу какого вида форматирования мы применяем псевдокласс. Причем проблема была во всех браузерах.

В общем, четкого логического объяснения я не нашел. Возможно, кто-то из читателей подскажет. Но решение проблемы в ситуации как у меня, все-таки есть, я описал его выше.

P.S.
Обещал хорошему человеку постовой. Интересный блог, но молодой. Автор очень любит Drupal. Кстати, За что друпаловцы любят Drupal — об этом автор сам и рассказал. Думаю, что я буду читать этот блог.

5 комментариев к записи “Заметки на полях”

  1. Hiway

    Уверен на сто процентов. Во-первых, потому как проверял на различных браузерах. Во-вторых, потому, что применение иного метода помогло. При этом я не менял размер фоновых изображений, которые могли бы влиять на обработку.

    Ответить

Оставить комментарий

  • (не будет показан)