Сообщения с тегами ‘html’
Фиксированный логотип относительно окна браузера
Среда, Январь 27, 2010 9:33 3 комментарияУрок не из практики, но думаю довольно таки полезен будет как новичкам, так и людям с опытом. Речь идет о фиксированном логотипе, который является ссылкой. У опытных верстальщиков тоже бывают такие казусы: вроде бы знают, но сделать не могут. Еще одна особенность этого логотипа, что в шапке он будет свой, а уже на самой [...]
Нестандартные обтекаемые блоки
Четверг, Январь 7, 2010 19:49 10 комментариев Доброго времени суток. Это первый пост в Новом году =).
Предложили работу. Верстка сайта, на вид довольно таки простая. Но взглянув в ТЗ (техническое задание) понимаешь, что сайт продуман до мелочей. И сейчас я напишу подробнее об одном из пунктов.
Плавное увеличение картинки при наведении курсора
Среда, Сентябрь 16, 2009 8:46 56 комментариев
Раньше я писал об увеличение картинки при наведении при помощи css. Но она была не доработана.
Совсем недавно, мне требовалось сделать что-то похожее, только на jQuery. И я доделал тот пример и добавил эффекты при помощи jQuery. Вообщем у меня получилось два варианта:
С использованием CSS, без jQuery.
С использованием CSS и jQuery.
Сейчас я покажу вам [...]
Три колонки — центральный фиксированный, остальные тянутся
Воскресенье, Август 16, 2009 11:49 4 комментария
На одном форуме нашел вопрос:
Делается верстка трех блоков в строку. Центральный имеет фиксированную ширину, остальные тянутся занимая оставшееся пространство.
Ну сразу мысли какие? Никакие... Есть вариант использовать таблицы, jQuery или блоки с абсолютным позиционированием.
Сейчас я покажу вам три варианта реализации, и вы уже будете выбирать для себя наиболее подходящий.
Структура документа. Часть 2. Практика
Понедельник, Июнь 8, 2009 9:31 9 комментариев
В предыдущей статье я писал о основных тегах, которые обязательны на html странице. Сегодня мы закрепим эти знания на практике.
Все html документы начиются с одного и того же тега. И это, конечно, <html>.
Тень у резинового блока средствами CSS, HTML
Пятница, Апрель 10, 2009 7:33 10 комментариев
Недавно задался вопросом, как сделать тень у резинового блока. Думаете все просто? Нарисовал картиноки все? Нет. Блок резиновый, значит тень тоже резиновая.
Все что мне пригодилось, это photoshop, редактор, браузер, руки и голова. Надеюсь у вас это все есть...
Так как я верстальщик, а не дизайнер, я не рисовал тень. Мне пришлось ее нарезать. Стал еще [...]
Масштабируемая картинка на фоне сайта или резиновый фон
Воскресенье, Март 22, 2009 16:00 27 комментариев
Озадачился вопросом, как сделать резиновый фон. Дизайнеры, они ведь не всегда знают основных правил верстки, им лишь бы сделать. Сколько макетов теряется при этом... Эх.
Картинка на фоне должна сужаться и растягиваться по мере изменения окна браузера. Каркас из двух колонок. Минимальная ширина 1000px. Это все мы рассмотрим сегодня.
Html c нуля: Структура документа
Понедельник, Февраль 16, 2009 18:20 3 комментария
Сегодня мы начнем изучение html. Тема этого поста — «Структура документа».
HTML — (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Все веб-страницы создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузером и отображается в виде документа, в удобной для человека форме. Подробнее можно узнать перейдя [...]
Как прижать подвал(футер) к низу?
Воскресенье, Февраль 15, 2009 11:42 18 комментариев
Прижать подвал(футер) к низу экрана в IE? Хоть убейте, ну не знал я как прижать к низу. Ах да, забыл, речь идет о блочной верстке. Я пользовался таблицами, но тогда верстка теряет чистоту. Поэтому этот вариант меня не устраивал. Поиски в google ничего не принесли, только лишь не кроссбраузерные варианты.
Но нашелся человек, который [...]
Новая рубрика: html c нуля
Пятница, Февраль 13, 2009 10:44 7 комментариев
Сегодня я решил запустить новую рубрику — «html c нуля».
Что в ней будет?
Мы разберем все правила и возможности верстки. Узнаем все новые и старые, давно не используемые, теги. Все секреты верстальщика будут открыты. Разберемся по шагам... От самого начала, основные теги, до сложной техники создания страниц на html.
Для чего она?
А все просто. Люди которые думают [...]
Loading ...