К сожалению, поддержка и обновление сайта прекращены! Приносим свои извинения за доставленные неудобства!

Предлагаем Вам посетить

Интернет-магазин самых

популярных товаров интернета:

http://www.avellis.ru/

Специально для наших посетителей

на http://www.avellis.ru/ действует

скидочный промо-код: WEBMASTER.

На http://www.avellis.ru/ вы сможете

найти множество уникальных

акций и уникальных предложений.

Интересные идеи подарков, и многое другое!

Информация об avellis.ru актуальна на Ноябрь 2015 г.

Пишите на сайтах красиво! УРОК «Рамка вокруг текста» Дорогие друзья! Вы, наверное, часто видели на страницах интернета части текста, которые красиво обрамлены простой на вид рамкой, иногда с включением в неё текста, картинки или даже анимации. В этом уроке я научу вас это делать. Итак, чтобы заключить часть текста или несколько каких-то объектов в рамку, нужно поместить этот текст или объекты в контейнер <fieldset>, вот так: <fieldset>Ваш текст</fieldset> Чтобы добавить текст или картинку, включённую в рамку, нужно после открывающего элемента <fieldset> вставить контейнер <legend> и в него поместить слово, словосочетание или написать адрес картинки или анимации в формате http. Полный код смотрите в окне ниже. Можно его скопировать и вставить там, где нужно. В качестве легенды - слово: <fieldset><legend>Привет!</legend> Любой ваш текст. </fieldset> В качестве легенды - картинка: <fieldset><legend><img src="адрес картинки в сети" alt=""></legend> Любой ваш текст. </fieldset> В итоге мы получаем вот так вот оформленный текст: Привет! Я очень соскучился и безумно рад тебя видеть :). Привет!!! Я тоже очень рада твоему письму и предстоящей встече с тобой :). Позвони мне как только сможешь. До встречи в следующем уроке!

1 2 3 4 5 Категория: Общее | Добавил: Шакти (27.04.2011) | Автор: Петренко Елена

Просмотров: 11326 | Комментарии: 3 | Теги: legend, HTML, fieldset, Легенда, рамка | Рейтинг: 3.0/2

Вернуться к карте сайта

Всего комментариев: 3
Порядок вывода комментариев: По умолчанию Сначала новые Сначала старые 0   Спам 3 Иван   (15.05.2013 08:33) [Материал] Благодарю, помогли. 0   Спам 2 Владислав   (09.05.2013 16:36) [Материал] Спасибо большое! 0   Спам 1 АЛЕКСАНДР   (27.04.2011 14:43) [Материал] Великолепно! Только вот заголовок несколько раз прописан, мне кажется, 2 раза нет необходимости его писать! dth="100%" cellspacing="1" cellpadding="2" class="commTable">
Имя *:
Email:
Код *:

IFrameContainer

Alternative content