Сообщения с тегами ‘блоки’

Нестандартные обтекаемые блоки

Четверг, Январь 7, 2010 19:49 10 комментариев

Доброго времени суток. Это первый пост в Новом году =).
Предложили работу. Верстка сайта, на вид довольно таки простая. Но взглянув в ТЗ (техническое задание) понимаешь, что сайт продуман до мелочей. И сейчас я напишу подробнее об одном из пунктов.

Рубрики: Верстка Tags: , , , , ,

Три колонки — центральный фиксированный, остальные тянутся

Воскресенье, Август 16, 2009 11:49 4 комментария

На одном форуме нашел вопрос:
Делается верстка трех блоков в строку. Центральный имеет фиксированную ширину, остальные тянутся занимая оставшееся пространство.
Ну сразу мысли какие? Никакие... Есть вариант использовать таблицы, jQuery или блоки с абсолютным позиционированием.

Сейчас я покажу вам три варианта реализации, и вы уже будете выбирать для себя наиболее подходящий.

Рубрики: Верстка Tags: , , , ,

Тень у резинового блока средствами CSS, HTML

Пятница, Апрель 10, 2009 7:33 10 комментариев

Недавно задался вопросом, как сделать тень у резинового блока. Думаете все просто? Нарисовал картиноки все? Нет. Блок резиновый, значит тень тоже резиновая.
Все что мне пригодилось, это photoshop, редактор, браузер, руки и голова. Надеюсь у вас это все есть...
Так как я верстальщик, а не дизайнер, я не рисовал тень. Мне пришлось ее нарезать. Стал еще [...]

Рубрики: web-design Tags: , , , , ,

Кроссбраузерное использование display:inline-block;

Среда, Март 4, 2009 16:08 Один комментарий

В предыдущем посту Табличные элементы без таблиц рассматривался интересный пример использования display:inline-block;. Как заметил rmaksim, firefox 2 не поддерживает этот стиль.
По официальным данным, firefox 2 уже не поддерживается. Однако пока есть простаки, которые еще не переходят на нвые версии, приходится пользоваться тяжелой техникой борьбы с браузерами.

Рубрики: Web-developer Tags: , , , , ,

Табличные элементы без таблиц

Четверг, Февраль 26, 2009 10:14 3 комментария

Была задача, сделать таблицу для доски объявлений. Вот как должно быть:

Ключевое слово заказчика было — «Без использования таблиц». Под словом таблицы, он подразумевал тег <table>.
Еще стоит заметить, что блоки будут разной высоты!

Рубрики: Web-developer Tags: , , , ,

Подстраиваем блоки по ширине и положению

Понедельник, Январь 26, 2009 12:00 5 комментариев

Взгляните на поиск картинок у Google, Yandex и т. п. Потом поиграйте с шириной экрана. Видите как это? Вот я хочу вам показать, как это реализовывается.

Рубрики: CSS, Web-developer Tags: , , , , , , ,

Оформляем блоки в 3 колонки

Вторник, Декабрь 9, 2008 21:33 6 комментариев

Рассказываю сразу, о чем пойдет речь. Нам нужно сделать красиво оформленные блоки в 3 колонки.
Расскажу об оформлении. Оформление будет состоять из заголовка со своим фоном и разделенной с текстом полосой. Текст будет содержать отступы от обводки...

Рубрики: CSS, html Tags: , , , ,