Сообщения с тегами ‘Верстка’
Css свойство position: куда полетим?
Вторник, Февраль 2, 2010 18:48 6 комментариевДоброго времени суток. По просьбе читателей, сегодня я расскажу о css свойстве position. Многие верстальщики пользуются этим свойством как position: absolute или position: relative, но большинство начинающих даже не догадываются о том, что у этого свойства есть еще три значения.
Фиксированный логотип относительно окна браузера
Среда, Январь 27, 2010 9:33 3 комментарияУрок не из практики, но думаю довольно таки полезен будет как новичкам, так и людям с опытом. Речь идет о фиксированном логотипе, который является ссылкой. У опытных верстальщиков тоже бывают такие казусы: вроде бы знают, но сделать не могут. Еще одна особенность этого логотипа, что в шапке он будет свой, а уже на самой [...]
Css свойство z-index — вся правда
Четверг, Январь 14, 2010 19:17 6 комментариевCss свойство z-index не похоже на какие-либо другие css свойства. Многие разработчики, сталкиваясь с ним, приходили в замешательство из-за не правильного использования. Однако, когда вы поближе познакомитесь с z-index, вы поймете, что это свойство очень простое и предлагает эффективный метод решения многих задач верстки.
Нестандартные обтекаемые блоки
Четверг, Январь 7, 2010 19:49 10 комментариев Доброго времени суток. Это первый пост в Новом году =).
Предложили работу. Верстка сайта, на вид довольно таки простая. Но взглянув в ТЗ (техническое задание) понимаешь, что сайт продуман до мелочей. И сейчас я напишу подробнее об одном из пунктов.
Сбрасываем стандартные css стили браузеров
Понедельник, Октябрь 26, 2009 17:52 5 комментариевБраузер по своему определяет css стили для html элементов. Чтобы обнулить и сохранить кроссбраузерность верстки, появилась нужда сбрасывать стандартные браузеровские css стили.
Верстка сайта — учитываем мелочи
Понедельник, Октябрь 19, 2009 7:29 5 комментариев Когда верстаешь сайт, особенно шаблон, ни в коем случае нельзя забывать про оформление цитат, кода и т. п.
Эта статья взяла начало тогда, когда я впервые выполнял верстку для WordPress. Но я всегда думал, что пробелы сразу будут видны, однако находились мелочи, которые я упускал. Поэтому решил написать справку, про что нельзя забывать, когда верстаешь [...]
Три колонки — центральный фиксированный, остальные тянутся
Воскресенье, Август 16, 2009 11:49 4 комментария
На одном форуме нашел вопрос:
Делается верстка трех блоков в строку. Центральный имеет фиксированную ширину, остальные тянутся занимая оставшееся пространство.
Ну сразу мысли какие? Никакие... Есть вариант использовать таблицы, jQuery или блоки с абсолютным позиционированием.
Сейчас я покажу вам три варианта реализации, и вы уже будете выбирать для себя наиболее подходящий.
Табы при помощи jQuery — все просто
Среда, Июль 29, 2009 18:22 16 комментариев Задача.
Сверстать табы. Расположение и цвета показаны на картинке:
Нужно, чтобы секциям (li) в блоке «.tabNavigation» присваивался класс при клике, который будет изменять цвет фона. Содержимое «.tabs-cont» будет плавно изменять свою прозрачность от hide до 1.0. Плюс, все оформление изменяется в css, html и javascript код на это не должен влиять.
Верстаете ли вы под IE6
Четверг, Июнь 4, 2009 12:29 8 комментариев Доброго время суток уважаемые посетители нашего блога. В последнее время, наш блог испытывал творческий кризис. Будем исправляться.
Процент использования IE6 упал, но хватает ли этого, чтобы не исправлять баги в верстке для этого браузера?
Спасибо за внимание!
Как прижать подвал(футер) к низу?
Воскресенье, Февраль 15, 2009 11:42 18 комментариев
Прижать подвал(футер) к низу экрана в IE? Хоть убейте, ну не знал я как прижать к низу. Ах да, забыл, речь идет о блочной верстке. Я пользовался таблицами, но тогда верстка теряет чистоту. Поэтому этот вариант меня не устраивал. Поиски в google ничего не принесли, только лишь не кроссбраузерные варианты.
Но нашелся человек, который [...]