Веб программирование

30.03.2010

Позиционировать див div посредине.

Рубрика: CSS — admin @ 8:03 дп

   Суть данного вопроса заключается в позиционировании контейнера, которым выступает div или слой (layer), посредине окна браузера, без использования javascript. Эта простая задача решается с помощью CSS.

  Сначала нужно в html документе указать тег <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>, подробнее об этом здесь. После этого, нужно прописать вот такой стиль: (далее…)

23.03.2010

Как округлить уголки на CSS?

Рубрика: CSS — admin @ 9:23 дп

   Существует много способов округления элементов html разметки: дивов, блоков, слоёв, div, layer. Свойства CSS 3 позволяют округлить любой блок без каких либо усилий. Но это, только CSS 3, который пока понимает только Mozilla Firefox 3. Все остальные браузеры пока игнорируют новое детище W3C. (далее…)

16.03.2010

Создаём красивое меню на CSS без использования JavaScript.

Рубрика: CSS — admin @ 12:11 пп

    Задача создать меню сайта постает каждый раз когда, когда хочется сделать сайт непохожий на предыдущий. Сейчас существует множество разных DHTML MENU Builder, которые сами могут сделать красивые меню, или заготовки для меню. Конечно, это всё хорошо, но как быть, когда заказчик хочет только такое меню, как в макете? (Шаг влево, шаг вправо расстрел.) В принципе можно подредактировать автоматически созданное меню, но там иногда бывают такие вещи, что не каждый программист разберёт. А чуть не забыл, в автоматическом меню слишком много ненужного кода, и там очень часто проскакивает JavaScript, а заказчик хочет без JavaScript. Как быть в такой ситуации? (далее…)

Как убрать обтекание? Что такое обтекание? CSS.

Рубрика: CSS — admin @ 11:59 дп

    Начну с последнего. Обтекание, в CSS, это позиционирование слоя, дива, div, картинки, img, слева или справа текста или других выше перечисленных элементов таким образом, что элемент становиться препятствием, которое текст обходить и получается эффект обтекания. Для обтекания нескольких слоёв, дивов, div, img, картинки этими же элементами, это означает что два или больше элемента веб страницы будут размещены друг за другом. Если это позволяет размер контейнера или страницы. Обтекание: слоёв, дивов, div, img, картинок реализуется, в CSS, с помощью свойства стиля float. Подробнее о float можно почитать в предыдущей статье здесь. (далее…)

13.01.2010

Как растянуть одновременно несколько слоёв, дивов, div по высоте используя CSS.

Рубрика: CSS — admin @ 2:57 пп
Я очень часто сталкивался с проблемой, когда нужно было растянуть две или три колонки разных слоёв, кто не понял слой – это тот же див, div, layer, samp. Ну не будем отвлекаться, слои, дивы, div и т.д. нужно растягивать по высоте одновременно, и без использования JavaScript, так как это уже извращение. В нашем управлении только html и CSS. Полгода назад, эта задача для меня была не решаемой, приходилось постоянно мухлевать. В Интернете было много решений, но они все были или кривоваты, или не работали в на всех известных мне браузерах. Как-то раз, я случайно, забрел на иностранный сайт и увидел там страницу сверстанную дивами, которые растягивались. Я взял продебажил эту страницу и на основе их реализации придумал свою. Об этом и пойдет дальше речь. (далее…)
Страница 1 с 71234567»
Производство стабилизаторов напряжения стабилизатор напряжения "автономные энергосистемы" занимается
Место для вашей рекламы:

Наші Українські друзі

Будьте с нами на приколе