Мною было написано уже две статьи по поводу скроллинга внутри блока. И обе они были лишь материалом для создания чего-то конкретного. Чего-то, реализованного уже в этой статье.
Доброго времени суток. Это первый пост в Новом году =).
Предложили работу. Верстка сайта, на вид довольно таки простая. Но взглянув в ТЗ (техническое задание) понимаешь, что сайт продуман до мелочей. И сейчас я напишу подробнее об одном из пунктов.
На одном форуме нашел вопрос:
Делается верстка трех блоков в строку. Центральный имеет фиксированную ширину, остальные тянутся занимая оставшееся пространство.
Ну сразу мысли какие? Никакие... Есть вариант использовать таблицы, jQuery или блоки с абсолютным позиционированием.
Сейчас я покажу вам три варианта реализации, и вы уже будете выбирать для себя наиболее подходящий.
Недавно задался вопросом, как сделать тень у резинового блока. Думаете все просто? Нарисовал картиноки все? Нет. Блок резиновый, значит тень тоже резиновая.
Все что мне пригодилось, это photoshop, редактор, браузер, руки и голова. Надеюсь у вас это все есть...
Так как я верстальщик, а не дизайнер, я не рисовал тень. Мне пришлось ее нарезать. Стал еще один вопрос, как верстать? Заказчик говорит дивами... Ну я и начал делать. Сейчас покажу вам все свои варианты.
В предыдущем посту Табличные элементы без таблиц рассматривался интересный пример использования display:inline-block;. Как заметил rmaksim, firefox 2 не поддерживает этот стиль.
По официальным данным, firefox 2 уже не поддерживается. Однако пока есть простаки, которые еще не переходят на нвые версии, приходится пользоваться тяжелой техникой борьбы с браузерами.
Была задача, сделать таблицу для доски объявлений. Вот как должно быть:
Ключевое слово заказчика было — «Без использования таблиц». Под словом таблицы, он подразумевал тег <table>.
Еще стоит заметить, что блоки будут разной высоты!
Взгляните на поиск картинок у Google, Yandex и т. п. Потом поиграйте с шириной экрана. Видите как это? Вот я хочу вам показать, как это реализовывается.