Сообщения с тегами ‘блоки’
Нестандартные обтекаемые блоки
Четверг, Январь 7, 2010 19:49 10 комментариев Доброго времени суток. Это первый пост в Новом году =).
Предложили работу. Верстка сайта, на вид довольно таки простая. Но взглянув в ТЗ (техническое задание) понимаешь, что сайт продуман до мелочей. И сейчас я напишу подробнее об одном из пунктов.
Три колонки — центральный фиксированный, остальные тянутся
Воскресенье, Август 16, 2009 11:49 4 комментария
На одном форуме нашел вопрос:
Делается верстка трех блоков в строку. Центральный имеет фиксированную ширину, остальные тянутся занимая оставшееся пространство.
Ну сразу мысли какие? Никакие... Есть вариант использовать таблицы, jQuery или блоки с абсолютным позиционированием.
Сейчас я покажу вам три варианта реализации, и вы уже будете выбирать для себя наиболее подходящий.
Тень у резинового блока средствами CSS, HTML
Пятница, Апрель 10, 2009 7:33 10 комментариев
Недавно задался вопросом, как сделать тень у резинового блока. Думаете все просто? Нарисовал картиноки все? Нет. Блок резиновый, значит тень тоже резиновая.
Все что мне пригодилось, это photoshop, редактор, браузер, руки и голова. Надеюсь у вас это все есть...
Так как я верстальщик, а не дизайнер, я не рисовал тень. Мне пришлось ее нарезать. Стал еще [...]
Кроссбраузерное использование display:inline-block;
Среда, Март 4, 2009 16:08 Один комментарий В предыдущем посту Табличные элементы без таблиц рассматривался интересный пример использования display:inline-block;. Как заметил rmaksim, firefox 2 не поддерживает этот стиль.
По официальным данным, firefox 2 уже не поддерживается. Однако пока есть простаки, которые еще не переходят на нвые версии, приходится пользоваться тяжелой техникой борьбы с браузерами.
Табличные элементы без таблиц
Четверг, Февраль 26, 2009 10:14 3 комментарияБыла задача, сделать таблицу для доски объявлений. Вот как должно быть:
Ключевое слово заказчика было — «Без использования таблиц». Под словом таблицы, он подразумевал тег <table>.
Еще стоит заметить, что блоки будут разной высоты!
Подстраиваем блоки по ширине и положению
Понедельник, Январь 26, 2009 12:00 5 комментариевВзгляните на поиск картинок у Google, Yandex и т. п. Потом поиграйте с шириной экрана. Видите как это? Вот я хочу вам показать, как это реализовывается.
Оформляем блоки в 3 колонки
Вторник, Декабрь 9, 2008 21:33 6 комментариев
Рассказываю сразу, о чем пойдет речь. Нам нужно сделать красиво оформленные блоки в 3 колонки.
Расскажу об оформлении. Оформление будет состоять из заголовка со своим фоном и разделенной с текстом полосой. Текст будет содержать отступы от обводки...