На моей памяти существует всего два основных, неглючных, способа блочной верстки (без использования таблиц). О них и пойдет речь в данной статье.
Первый способ основывается на использовании CSS-свойства «display» со значениями, симулирующими поведение элементов таблицы, а именно: display:table, display:table-row и display:table-cell.
Этот способ работает идеально во всех браузерах, которые поддерживают подобные значения для свойства display, а это основная масса браузеров, кроме нашего «фаворита» Internet Explorer. До 8-й версии IE не поддерживал полностью как CSS 2.1, так и CSS 3.
Поэтому, чтобы исправить ситуацию, пришлось найти «очередной хак для IE». И этим хаком стали свойства float:...
В этой статье я расскажу про два, наиболее часто используемых мной, способа верстки «закругленных уголков». Оба они очень просты в применении.
Итак, первый способ. Он подойдет для простых одноцветных блоков с обрамляющей рамкой или без неё. Для начала нам надо знать цвет фона и параметры рамки для нашего блока. Допустим, цвет фона блока будет #CCCCCC, а цвет рамки, толщиной в 1 пиксель — #666666. Далее создаем круг с данными параметрами и нужного скругления в Fireworks, Photoshop или любом другом редакторе. Всё! Все четыре уголка мы собрали в один файл и воспользуемся им в CSS следующим образом: мы создадим внешний контейнер (блок) с относительным позиционированием (position:relativ...
Перебрав множество способов для отображения PNG32 в Internet Explorer 6, я пришел к двум, наиболее часто используемым решениям. Эти два способа не требуют никаких внешних *.js или *.htc файлов и подходят для большинства случаев при верстке сайтов. Все способы отображения полноценного PNG в IE, конечно же, основываются на использовании фильтра DXImageTransform.Microsoft.AlphaImageLoader.
Первый способ предназначен для правильного отображения непосредственно картинок (HTML-тег <img src="...">) и основывается он, похоже, на очередном глюке при рендеринге изображения в IE 6. Если у изображения указаны запредельно высокие значения ширины и высоты — то оно просто «исчезает».
Честно г...
Были ли у вас случаи, когда дизайнер нарисовал элемент формы для выбора файла, отличный от стандартного, и заказчик требует 100% соответствия? Нет? Тогда вам пока повезло!
Дело в том, что поле выбора файла для загрузки <input type="file" ... /> практически не поддается стилизации через CSS. Т.е мы можем изменить только значения вроде обрамляющей рамки, размера шрифта, и практически всё.
Этот элемент формы идет уже «склеенный» вместе с кнопкой «Choose file» (открывающей окно выбора файла), вид этого поля также различается практически во всех браузерах, а текст в кнопке по всей видимости, зависит также от языка в системе.
Так вот, немного поразмыслив, и «взвесив» всё, что мы имеем в арс...
Пусть это и не ново, но в данной статья я расскажу, каким образом реализована вставка BB-кодов в <textarea> на различных форумах и гостевых книгах. Также этот подход можно приспособить для того, чтобы написать редактор HTML-тегов, например для CMS при создании новой записи, чтобы можно было быстро, если понадобиться, обрамить текст в нужные теги. Понятное дело, это не визуальный редактор (WYSIWYG) и надо знать хоть чуть-чуть HTML. Я не особо люблю визуальные редакторы, т.к всё равно они оставляют много ненужного мусора в коде и тормознуто работают.
Для написания такого редактора, нам традиционно понадобиться помощь Javascript, в частности метод «document.getSelection» (для нормальны...
