megafon4u.ru / ru Делаем звездочки с помощью css3 /delaem_zvezdochki_s_pomoschiu_css3 <p>Недавно наткнулся на одном англоязычном блоге технику построения звездочек без использования изображений. Для этого нужно научится пользоваться CSS3.</p> <p><a href="/delaem_zvezdochki_s_pomoschiu_css3" target="_blank">читать далее</a></p> CSS HTML Sat, 25 Sep 2010 06:51:07 +0000 Александр 49 at / Создание динамического трёхколоночного макета /node/48 <p>В этой публикации я продолжу цикл статей о создании HTML-макетов.<br /> Рассмотрим трёхколоночный макет.<br /> Достоинства этого макета те же. Его одинаковое отображение во многих браузерах, причём не только основных, абсолютно валидный код, позиционирование подвала внизу окна браузера при малом контенте, отсутствие javascript, расположение блока с основным контентом в начале разметки, равная высота колонок при разном объёме содержимого. </p> <p><a href="/node/48" target="_blank">читать далее</a></p> /node/48#comments CSS HTML Верстка Mon, 22 Mar 2010 13:45:57 +0000 Yurii 48 at / Создание динамического двухколоночного макета. /node/47 <p>Рассмотрим двухколоночный макет.<br /> Достоинствами этого макета является его одинаковое отображение во многих браузерах, причём не только основных, абсолютно валидный код, позиционирование подвала внизу окна браузера при малом контенте, отсутствие javascript, расположение блока с основным контентом в начале разметки, равная высота колонок при разном объёме содержимого. </p> <p><a href="/node/47" target="_blank">читать далее</a></p> /node/47#comments CSS HTML Верстка Wed, 17 Mar 2010 17:57:21 +0000 Yurii 47 at / Создание динамического одноколоночного макета. /node/46 <p>В цикле этих статей я хочу подробно рассказать, как создать HTML-макеты, которые представлены в одной из статей этого блога.<br /> Достоинствами этих макетов является их одинаковое отображение во многих браузерах, причём не только основных, абсолютно валидный код, позиционирование подвала внизу окна браузера при малом контенте, отсутствие javascript, расположение блока с основным контентом в начале разметки. </p> <p><a href="/node/46" target="_blank">читать далее</a></p> /node/46#comments CSS HTML Верстка Sun, 07 Mar 2010 13:44:21 +0000 Yurii 46 at / Плагин к jQuery - оформление поля загрузки файлов /jQuery_plagin_oformlenie_polya_zagruzki_filov <p><span style="float:right"><img src="/files/plugin-browse/browse.gif" alt="" class="bb-image" /></span>Недавно возникла задача - темизировать поле загрузки файлов так, как это делает браузер Safary, при чем оно должно было быть мультизагрузочным. Похожее решение уже есть в сети. Мне его оставалось только "допилить". Скрипт я сделал в виде плагина к библиотеке jQuery. В настоящее время он еще сыроват, но им вполне можно пользоваться (с кроссбраузерностью все нормально :) ). В планах на будущее - сделать возможным подключение плагина к нескольким полям загрузки на одной странице. <a href="files/plugin-browse/index.html" class="bb-url">Тестовая страница</a>. </p> <p><a href="/jQuery_plagin_oformlenie_polya_zagruzki_filov" target="_blank">читать далее</a></p> /jQuery_plagin_oformlenie_polya_zagruzki_filov#comments JavaScript jQuery Sat, 27 Feb 2010 21:12:43 +0000 Александр 45 at / Создание разметки без таблиц /node/44 <p>В этой статье хочу рассмотреть один из самых актуальных вопросов - создание разметки на безтабличной основе и предложить несколько своих вариантов решений.<br /> Самая распространенная задача в этом аспект</p> <p><a href="/node/44" target="_blank">читать далее</a></p> /node/44#comments CSS HTML Верстка Решение проблем IE Thu, 11 Feb 2010 18:57:50 +0000 Yurii 44 at / Сложности с применением Float и их решения /diffcult_of_float <p>Одной из самых распространённых проблем у начинающих верстальщиков является проблема нестандартного поведения блока, при применении свойства float.<br /> Первая и самая распространённая проблема, это нестандартное поведение блока при применении этого свойства к его дочерним элементам. </p> <p><a href="/diffcult_of_float" target="_blank">читать далее</a></p> /diffcult_of_float#comments CSS HTML Решение проблем IE Thu, 11 Feb 2010 16:09:07 +0000 Yurii 43 at / Шаблон резинового блока с прозрачными уголками /shablon_rezinovogo_blocka_c_prozrachnymi_ugolkami <p>Довольно часто на страницах приходится строить блоки, которые должны иметь прозрачные уголки, тянуться по горизонтали и вертикали и иметь графические границы. В сети описано очень много способов, но красивого решения я так и не увидел. Поэтому хочу предложить <a href="/files/box/box.html" class="bb-url">свое</a>. </p> <p><a href="/shablon_rezinovogo_blocka_c_prozrachnymi_ugolkami" target="_blank">читать далее</a></p> /shablon_rezinovogo_blocka_c_prozrachnymi_ugolkami#comments CSS HTML Верстка Решение проблем IE Tue, 02 Feb 2010 14:30:35 +0000 Александр 42 at / Выравнивание горизонтального меню (или пейджера) по центру страницы /Vyravnivanie_gorizontalnogo_menu_po_centru_stranicy <p>Многим новичкам кажется очень сложным выровнять горизонтальное меню (пейджер) по центру веб-страницы. Из-за этого появилось много вариантов центрирования с помощью хаков и с использованием яваскрипт-программирования. На самом деле все намного проще. Это делается с использованием чистого CSS. Необходимо немного разобраться с относительным позиционированием и с правилом float. </p> <p><a href="/Vyravnivanie_gorizontalnogo_menu_po_centru_stranicy" target="_blank">читать далее</a></p> /Vyravnivanie_gorizontalnogo_menu_po_centru_stranicy#comments CSS Верстка Wed, 27 Jan 2010 09:47:49 +0000 Александр 41 at / Замечательный элемент <button> /Zamechatelniy_teg_button <p>До этого дня никогда не использовал элемент формы &lt;button&gt;. Нет, конечно же я знал, что он существует и что им можно пользоваться, просто раньше даже не представлял, какие шикарные возможности в нем заложены. </p> <p><a href="/Zamechatelniy_teg_button" target="_blank">читать далее</a></p> /Zamechatelniy_teg_button#comments HTML Mon, 25 Jan 2010 11:37:45 +0000 Александр 40 at /