Приветствую вас, уважаемый читатель.
Сегодня я публикую небольшую заметочку на тему HTML-верстки. Частенько передо мной встает задача поместить иллюстрацию к ссылке слева или сверху от ссылочного текста. Правила юзабилити требуют подсветки текста ссылки при наведении на иллюстрацию. Я решил реализовать данную задачу в соответствии с принятыми стандартами и без использования JavaScript.
Постановка задач
- Иллюстрация к ссылке (по которой можно кликать) располагается слева от текста ссылки. При наведении указателя мыши на иллюстрацию текст ссылки подсвечивается.
- Иллюстрация располагается над текстом ссылки. При наведении указателя мыши на иллюстрацию текст ссылки подсвечивается опять-таки.
Читать полностью »
Приветствую вас, мой уважаемый читатель!
В данном посте не будет информации по веб-строительству. Сегодня я хочу поделиться наболевшими соображениями о странностях человеческого рассудка, сне разума, рождающем чудовищ.
Начну с небольшой предыстории.
Читать полностью »
Приветствую вас, уважаемый читатель!
Данной публикацией я продолжаю курс верстки под WordPress. Давайте усложним решаемые задачи подключением модного слайдера контента на главной странице блока.
Постановка задачи:
На главной странице блога должны выводиться слайдеры контета, прокручивающие посты заданной категории в определенном количестве.
Читать полностью »
Приветствую вас, уважаемый читатель!
По многочисленным просьбам я решил продолжить тему верстки под wordpress. Сегодня я расскажу, как изменить положение иллюстрирующей картинки на главной странице блога.
Заодно, в процессе верстки, научимся работать с редко используемым CSS-псевдоклассом :first-child и поупражняемся в искусстве владения FireBug-ом.
Постановка задачи:
На страницах блога с хронологическим перечнем постов (главная страница и т.д.) иллюстрирующее изображение должно располагаться слева от обтекающего текста. На странице полного текста статьи изображение должно позиционироваться по умолчанию.
Читать полностью »
