Записи Друзья Комментарии

Великовозрастное дитя Великовозрастное дитя

-Рубрики

-Приложения

ОткрыткиПерерожденный каталог открыток на все случаи жизни
СтенаСтена: мини-гостевая книга, позволяет посетителям Вашего дневника оставлять Вам сообщения. Для того, чтобы сообщения появились у Вас в профиле необходимо зайти на свою стену и нажать кнопку "Обновить

-Новости

Доллар должен умереть? - (0)

КНДР: начало ядерной войны – вопрос времени - (0)

Ученые создают гибрид робота и человека - (0)

-Цитатник

Без заголовка - (2)

Как отделить одним движением селёдку от костей Читать дальше... http://kapitoshka70.livejournal....

Без заголовка - (0)

Баклажаны по-гречески: 3 шт. - баклажана4 ст. ложки - оливкового масла500 гр. - мясного фарша1 шт...

Памяти Михаила Евдокимова: - (4)

Памяти Михаила Евдокимова: Без заголовка Памяти Михаила Евдокимова: Тимофей п...

Как тёща познакомилась с будущим зятем - (0)

Забавный случай в ванне: Как тёща познакомилась с будущим зятем

Японский стиль. Фоны. - (4)

Японский стиль. Фоны. //s46.radikal.ru/i114/0909/1c/cbe53a2f34dat.jpg http://s43.radi...

-Ссылки

Песня про кота :) - (6)

Новогодняя елка своими руками (22 фото) - (7)

Старинный календарь определения пола ребенка - (4)

http://zoo.vln.dp.ua - (0)

Самые легендарные женщины мира (16 фото) - (1)

-Видео

Я в домике :)))

Смотрели: 43 (10)

Сладкоежки :)

Смотрели: 53 (7)

Самый крутой танец на шесте :))

Смотрели: 123 (0)

Эволюция девушки с обложки

Смотрели: 107 (1)

Новый год

Смотрели: 28 (11)

-Музыка

David Guetta ft Kelly Rowland - when love takes over (ПРЕМЬЕРА!)

Слушали: 5900 Комментарии: 1

Синий иней

Слушали: 402 Комментарии: 2

Потолок ледяной

Слушали: 1576 Комментарии: 1

-Шутливый гороскоп блоггера

Гороскоп для «Великовозрастное_дитя» на 08 сентября 2009

Сегодня блогосфера источает особенно сильную ауру, что может сподвигнуть вас выбраться в клуб вместе с

Kapitoshka_70. Апогей Яндекса входит в резонанс с пульсом блогосферы, и это побуждает помочь по мере возможностей

intdiz. Постарайтесь не высказываться слишком резко в дневнике

XAH-XAM. Сегодня вас жутко тянет познакомиться с

SweetSugarLady.

Получить свой гороскоп

-Поиск по дневнику

-Подписка по e-mail

-Постоянные читатели

~~LadyNatta~~ Alexa68 Angel_Talia DJILIYA Dreamere Elena_shvedova Luka_sun NATALIU Nonna123 Olga-Smaragd Procto_Tata RoseVBell TIGAAL TTV7 _1ady and_allesgut bravoroot chusiklove gala705 immort_elle ir-ka milana07 tomandy tortilka tvojin vallesimone virena2008 zirini АПРЕЛЬКА7 Вера_Мурашова ДИАДЕМА Ивелена Изменившееся Лена_тана Людмила_Педенко Людмила_Юферова Мари-чан Мираж_ок НАДЕЖДА_МАЛ Натали-Натали Немезия Олеся_Емельянова ПростоВиктория Рыжая_красивая Светлана_Лякутина Татьяна_Светова ЭМИЛЛИ в_поисках_любви овно4ка хомяк_Хася

-Статистика

Создан: 15.04.2009
Записей:
Комментариев:
Написано: 5475

Отчеты:
Посетители
Поисковые фразы

Записи с меткой div

(и еще 169 записям на сайте сопоставлена такая метка)

Другие метки пользователя ↓

bbc body hits div html ice age modern talking scorpions scrat smokie Жанна Фриске София Ротару Юрий Шевчук алиса алла пугачёва антибиотики белка видео ддт дневник домен клип клипы константин кинчев космос кофе крематорий ледниковый период манго манго музыка мультфильм ну погоди одержимость кто из нас абсолютно нормален? пейзажи пингвины из мадагаскара позитив пост приколы проверка рамка рамка для поста реклама самоубийство ссср таблицы тайны тела текст фокус фотографии фотография чайф

Комментарии (4)

<a href="https://www.liveinternet.ru/users/3193732/post107462533/">&quot;РҐРёС‚СЂР°СЏ&quot; СЂР°РјРєР° РґР»СЏ С‚РµРєСЃС‚Р°</a><br/>РЎРґРµР»Р°РµРј СЂР°РјРєСѓ СЃ Р·Р°РіРѕР»РѕРІРєРѕРј Рё Р·Р°РєСЂСѓРіР»РµРЅС‹Рј СѓРіРѕР»РєРѕРј.

РќРѕРІРѕРіРѕРґРЅСЏСЏ РїРµСЃРЅСЏ

Р’ Р»РµСЃСѓ СЂРѕРґРёР»Р°СЃСЊ РµР»РѕС‡РєР°,
Р’ Р»РµСЃСѓ РѕРЅР° СЂРѕСЃР»Р°,
Р—РёРјРѕР№ Рё Р»РµС‚РѕРј СЃС‚СЂРѕР№РЅР°СЏ,
Р—РµР»РµРЅР°СЏ Р±С‹Р»Р°.

РњРµС‚РµР»СЊ РµР№ РїРµР»Р° РїРµСЃРµРЅРєСѓ:
"РЎРїРё, РµР»РѕС‡РєР°, Р±Р°Р№-Р±Р°Р№!"
РњРѕСЂРѕР· СЃРЅРµР¶РєРѕРј СѓРєСѓС‚С‹РІР°Р»:
"РЎРјРѕС‚СЂРё, РЅРµ Р·Р°РјРµСЂР·Р°Р№!"

РўСЂСѓСЃРёС€РєР° Р·Р°Р№РєР° СЃРµСЂРµРЅСЊРєРёР№
РџРѕРґ РµР»РѕС‡РєРѕР№ СЃРєР°РєР°Р».
РџРѕСЂРѕСЋ РІРѕР»Рє, СЃРµСЂРґРёС‚С‹Р№ РІРѕР»Рє
Р С‹СЃС†РѕСЋ РїСЂРѕР±РµРіР°Р».

Р§Сѓ! РЎРЅРµРі РїРѕ Р»РµСЃСѓ С‡Р°СЃС‚РѕРјСѓ
РџРѕРґ РїРѕР»РѕР·РѕРј СЃРєСЂРёРїРёС‚;
Р›РѕС€Р°РґРєР° РјРѕС…РЅРѕРЅРѕРіР°СЏ
РўРѕСЂРѕРїРёС‚СЊСЃСЏ, Р±РµР¶РёС‚.

Р’РµР·РµС‚ Р»РѕС€Р°РґРєР° РґСЂРѕРІРµРЅРєРё,
Рђ РІ РґСЂРѕРІРЅСЏС… СЃС‚Р°СЂРёС‡РѕРє, [РјСѓР¶РёС‡РѕРє]
РЎСЂСѓР±РёР» РѕРЅ РЅР°С€Сѓ РµР»РѕС‡РєСѓ
РџРѕРґ СЃР°РјС‹Р№ РєРѕСЂРµС€РѕРє.

РўРµРїРµСЂСЊ РѕРЅР°, РЅР°СЂСЏРґРЅР°СЏ,
РќР° РїСЂР°Р·РґРЅРёРє Рє РЅР°Рј РїСЂРёС€... <a href="https://www.liveinternet.ru/users/3193732/post107462533/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

"Хитрая" рамка для текста

Дневник

Четверг, 30 Июля 2009 г. 12:06 + в цитатник

Сделаем рамку с заголовком и закругленым уголком.

Новогодняя песня

В лесу родилась елочка,
В лесу она росла,
Зимой и летом стройная,
Зеленая была.

Метель ей пела песенку:
"Спи, елочка, бай-бай!"
Мороз снежком укутывал:
"Смотри, не замерзай!"

Трусишка зайка серенький
Под елочкой скакал.
Порою волк, сердитый волк
Рысцою пробегал.

Чу! Снег по лесу частому
Под полозом скрипит;
Лошадка мохноногая
Торопиться, бежит.

Везет лошадка дровенки,
А в дровнях старичок, [мужичок]
Срубил он нашу елочку
Под самый корешок.

Теперь она, нарядная,
На праздник к нам пришла
И много, много радости
Детишкам принесла.

Для этого понадобяться 2 рисунка, один для фона заголовка и рисунок уголка

- Фоновый рисунок заголовка высотой 25 пикселей и шириной в 1 пиксель

Уголок - рисунок уголка ширина и высота по 25 пикселей

Что бы сделать такую рамку понадобится 3 <DIV>. Один общий который задаст ширину рамки, один для заголовка рамки и див в котором разместится текст

Упрощенно это выглядит так

<div>
<div>Заголовок</div>
<div>Текст поста</div>
</div>

Полный вариант выглядит так. Для удобства я пронумеровал дивы 1,2,3

<center>
1 - <div style="width: 600px; border: solid 1px #00000f;">
2 - <div style="width: 100%; height: 25px; text-align: center; vertical-align: middle; color: #ffffff; font-size: 20px; font-family: Verdana; background: url('//img0.liveinternet.ru/images/attach/c/0//46/913/46913808_b.jpg');">
Новогодняя песня
</div>
3 - <div style="width: 100%; border-top: solid 1px #00000f; text-align: center; font-size: 22px; color: #000000; font-family: Verdana; background-color: #f7f0e0; padding-top: 10px;">
<pre>
В лесу родилась елочка,
В лесу она росла,
Зимой и летом стройная,
Зеленая была.

Метель ей пела песенку:
"Спи, елочка, бай-бай!"
Мороз снежком укутывал:
"Смотри, не замерзай!"

Трусишка зайка серенький
Под елочкой скакал.
Порою волк, сердитый волк
Рысцою пробегал.

Чу! Снег по лесу частому
Под полозом скрипит;
Лошадка мохноногая
Торопиться, бежит.

Везет лошадка дровенки,
А в дровнях старичок, [мужичок]
Срубил он нашу елочку
Под самый корешок.

Теперь она, нарядная,
На праздник к нам пришла
И много, много радости
Детишкам принесла.
</pre>
</div>
</div>
</center>

Первый див задает общую ширину рамка width 600px и добавляет бордер к рамке border: solid 1px #00000f;

Обратите внимание на то что высота второго дива задана явно и составляет height: 25px столько же сколько и высота фонового рисунка который задается в background

Остальные стили задают цвет фона, размер шрифта и тд.

Что бы скруглить уголок нужно поверх угла дива вывести рисунок скругленного уголка. Что бы вывести рисунок в нужном нам месте нужно к рисунку добавить стиль position: relative и параметрами top, left задать нужное нам место

Код с скругленым уголком выглядит вот так

<div style="width: 600px; border: solid 1px #00000f;">
<div style="width: 100%; height: 25px; text-align: center; vertical-align: middle; color: #ffffff; font-size: 20px; font-family: Verdana; background: url('//img0.liveinternet.ru/images/attach/c/0//46/913/46913808_b.jpg');">
Новогодняя песня
</div>
<div style="width: 100%; border-top: solid 1px #00000f; text-align: center; font-size: 22px; color: #000000; font-family: Verdana; background-color: #f7f0e0; padding-top: 10px;">
<pre>
В лесу родилась елочка,
В лесу она росла,
Зимой и летом стройная,
Зеленая была.

Метель ей пела песенку:
"Спи, елочка, бай-бай!"
Мороз снежком укутывал:
"Смотри, не замерзай!"

Трусишка зайка серенький
Под елочкой скакал.
Порою волк, сердитый волк
Рысцою пробегал.

Чу! Снег по лесу частому
Под полозом скрипит;
Лошадка мохноногая
Торопиться, бежит.

Везет лошадка дровенки,
А в дровнях старичок, [мужичок]
Срубил он нашу елочку
Под самый корешок.

Теперь она, нарядная,
На праздник к нам пришла
И много, много радости
Детишкам принесла.
</pre>
</div>
<img style="position: relative; top: -29px; left: 6px;" src="//img1.liveinternet.ru/images/attach/c/0//46/914/46914691_s.jpg" width="25" height="25" alt=" (25x25, 0Kb)" align="right" />
</div>
</center>

Что бы не мучаться с видом рамки уберите галочку с "Сохранять переводы строк в тексте."
Что бы текст выводился со всеми пробелами и переносами строк заключите его в теги <pre></pre>

Комментарии (15)

<a href="https://www.liveinternet.ru/users/3193732/post107441170/">Р Р°Р·РјРµСЃС‚РёРј С‚РµРєСЃС‚ РІ РЅРµСЃРєРѕР»СЊРєРѕ РєРѕР»РѕРЅРѕРє</a><br/>Р Р°Р·РјРµСЃС‚РёРј С‚РµРєСЃС‚ РІ РґРІРµ РєРѕР»РѕРЅРєРё. Р§С‚Рѕ Р±С‹ Р±С‹Р»Рѕ РІРµСЃРµР»РµРµ С‡РёС‚Р°С‚СЊ РїРѕСЃС‚ СЏ РїРѕР·Р°РёРјСЃС‚РІРѕРІР°Р» СЃС‚РёС€РѕРє [url=http://kievforum.org/showthread.php?t=1183]http://kievforum.org/showthread.php?t=1183[/url].  ( РЅРµ СЂРµРєР»Р°РјС‹ СЂР°РґРё, Р° РіСѓРіР»СЋ СЃРїР°СЃРёР±Рѕ :))) )

РџРѕР·РЅР°РєРѕРјРёР»РёСЃСЊ РјС‹ РІ С‡Р°С‚Рµ
РўС‹ РїСЂРµРґСЃС‚Р°РІРёР»Р°СЃСЏ РљР°С‚РµР№
РћРєР°Р·Р°Р»РѕСЃСЊ - С‚С‹ РРІР°РЅ...
Р°С…, РєР°РєРѕР№ С‚С‹ С…СѓР»РёРіР°РЅ

Р’СЃРµ СЃР°Р№С‚С‹ СѓРјРµСЂР»Рё, РѕСЃС‚Р°Р»РѕСЃСЊ С‚РѕР»СЊРєРѕ ICQ,
Р Р»РёС€СЊ ReGet РєР°С‡Р°РµС‚ С‚РёС…Рѕ РјРЅРµ РёРіСЂСѓ,
Р Р·РІСѓРє "С…Р°-С…Р°" РїРёСЃРєР»СЏРІС‹Рј С‚РёС…РёРј С‚РѕРЅРѕРј,
РЎ Р·Р°Р±С‹С‚СЊСЏ РіРѕР»РѕРІСѓ РјРѕСЋ СЃСЂС‹РІР°РµС‚ СЃС‚РѕРЅРѕРј...

РќРµРѕРґРЅРѕР·РЅР°С‡РЅРѕ, РЅРµРїРѕРЅСЏС‚РЅРѕ, РЅРµ РІСЃРµРіРґР°,
РќРµ РІРёРґСЏ, РєР°Рє РѕРїСЏС‚СЊ Р±РµРіСѓС‚ РіРѕРґР°,
РџСЂРѕСЃР°Р¶РёРІР°СЏ СЃСѓС‚РєРё РЅР°РїСЂРѕР»РµС‚,
РњС‹ Р¶Рґ... <a href="https://www.liveinternet.ru/users/3193732/post107441170/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Разместим текст в несколько колонок

Дневник

Среда, 29 Июля 2009 г. 00:07 + в цитатник

Разместим текст в две колонки. Что бы было веселее читать пост я позаимствовал стишок http://kievforum.org/showthread.php?t=1183. ( не рекламы ради, а гуглю спасибо :))) )

Познакомились мы в чате
Ты представилася Катей
Оказалось - ты Иван...
ах, какой ты хулиган

Все сайты умерли, осталось только ICQ,
И лишь ReGet качает тихо мне игру,
И звук "ха-ха" писклявым тихим тоном,
С забытья голову мою срывает стоном...

Неоднозначно, непонятно, не всегда,
Не видя, как опять бегут года,
Просаживая сутки напролет,
Мы ждем, когда же время то придет.

Что из страны не грез, не сновидений,
Нас вырвет, прекратя весь круг сомнений,
И встретиться возможно станет наяву,
Мерцает монитор, я всё же сплю...

Нас двое лишь на эту Сеть,
И мы не верим в нашу смерть...

Это можно было бы сделать таблицей, но есть вариант проще - использовать div.
Попробуем разместить каждый стих в своем диве

<div>
<pre>
Познакомились мы в чате
Ты представилася Катей
Оказалось - ты Иван...
ах, какой ты хулиган
</pre>
</div>
<div>
<pre>
Все сайты умерли, осталось только ICQ,
И лишь ReGet качает тихо мне игру,
И звук "ха-ха" писклявым тихим тоном,
С забытья голову мою срывает стоном...

Неоднозначно, непонятно, не всегда,
Не видя, как опять бегут года,
Просаживая сутки напролет,
Мы ждем, когда же время то придет.

Что из страны не грез, не сновидений,
Нас вырвет, прекратя весь круг сомнений,
И встретиться возможно станет наяву,
Мерцает монитор, я всё же сплю...

Нас двое лишь на эту Сеть,
И мы не верим в нашу смерть...
</pre>
</div>

В примере кода я не указал что бы было проще читать код, а при выводе добавлю рамку к каждому диву

Вот что получится

Познакомились мы в чате
Ты представилася Катей
Оказалось - ты Иван...
ах, какой ты хулиган

Все сайты умерли, осталось только ICQ,
И лишь ReGet качает тихо мне игру,
И звук "ха-ха" писклявым тихим тоном,
С забытья голову мою срывает стоном...

Неоднозначно, непонятно, не всегда,
Не видя, как опять бегут года,
Просаживая сутки напролет,
Мы ждем, когда же время то придет.

Что из страны не грез, не сновидений,
Нас вырвет, прекратя весь круг сомнений,
И встретиться возможно станет наяву,
Мерцает монитор, я всё же сплю...

Нас двое лишь на эту Сеть,
И мы не верим в нашу смерть...

Во первых ширина дивов равна максимальной ширине, а во вторых они размещены не рядом, а друг под другом

Зададим ширину дивов добавив стиль width, для того что бы дивы размещались рядом, а не друг под другом нужно к каждому диву добавить стиль float: left это выравнивает элемент по левому краю, а все остальные элементы, вроде текста, огибают его по правой стороне.

<div style="width: 250px; float: left;">
<pre>
Познакомились мы в чате
Ты представилася Катей
Оказалось - ты Иван...
ах, какой ты хулиган
</pre>
</div>
<div style="width: 300px; float: left;">
<pre>
Все сайты умерли, осталось только ICQ,
И лишь ReGet качает тихо мне игру,
И звук "ха-ха" писклявым тихим тоном,
С забытья голову мою срывает стоном...

Неоднозначно, непонятно, не всегда,
Не видя, как опять бегут года,
Просаживая сутки напролет,
Мы ждем, когда же время то придет.

Что из страны не грез, не сновидений,
Нас вырвет, прекратя весь круг сомнений,
И встретиться возможно станет наяву,
Мерцает монитор, я всё же сплю...

Нас двое лишь на эту Сеть,
И мы не верим в нашу смерть...
</pre>
</div>

Вот теперь мы получили 2 колонки

Познакомились мы в чате
Ты представилася Катей
Оказалось - ты Иван...
ах, какой ты хулиган

Все сайты умерли, осталось только ICQ,
И лишь ReGet качает тихо мне игру,
И звук "ха-ха" писклявым тихим тоном,
С забытья голову мою срывает стоном...

Неоднозначно, непонятно, не всегда,
Не видя, как опять бегут года,
Просаживая сутки напролет,
Мы ждем, когда же время то придет.

Что из страны не грез, не сновидений,
Нас вырвет, прекратя весь круг сомнений,
И встретиться возможно станет наяву,
Мерцает монитор, я всё же сплю...

Нас двое лишь на эту Сеть,
И мы не верим в нашу смерть...

Что дальше делать с колонками зависит только от Вашей фантазии :). Можно добавить фоновый рисунок прописав в стиле background: url('ссылка на фоновый рисунок'), выравнивание в каждой колонке можно делать любым прописав в стиле каждого дива text-align: left, center, right

Пример кода колонок, размещенных в начале поста

<center>
<div style="float: left; border: solid 1px #f00000; width: 250px; height: 350px; background-color: #ffcc99;">
<pre>
Познакомились мы в чате
Ты представилася Катей
Оказалось - ты Иван...
ах, какой ты хулиган
</pre>
</div>

<div style="float: left; border: solid 1px #00f000; width: 300px; height: 350px; background: url('//i029.radikal.ru/0904/25/910ce6bcf443.jpg'); color: #ffcccc;">
<pre>
Все сайты умерли, осталось только ICQ,
И лишь ReGet качает тихо мне игру,
И звук "ха-ха" писклявым тихим тоном,
С забытья голову мою срывает стоном...

Неоднозначно, непонятно, не всегда,
Не видя, как опять бегут года,
Просаживая сутки напролет,
Мы ждем, когда же время то придет.

Что из страны не грез, не сновидений,
Нас вырвет, прекратя весь круг сомнений,
И встретиться возможно станет наяву,
Мерцает монитор, я всё же сплю...

Нас двое лишь на эту Сеть,
И мы не верим в нашу смерть...

</pre>
</div>
</center>

Если суммарная ширина колонок будет больше чем максимальная ширина поста, то дивы разместяться не рядом, а друг под другом

Что бы разместить колонки по центру нужно добавить <center> и еще один общий див с шириной равной суммарной ширине колонок со всеми отступами и бордерами

Должно получиться вот так


<center>
<div style="width: 554px;">
<div style="float: left; border: solid 1px #f00000; width: 250px; height: 350px; background-color: #ffcc99;">
<pre>
Познакомились мы в чате
................................
</pre>
</div>

<div style="float: left; border: solid 1px #00f000; width: 300px; height: 350px; background: url('//i029.radikal.ru/0904/25/910ce6bcf443.jpg'); color: #ffcccc;">
<pre>
Все сайты умерли, осталось только ICQ,
И лишь ReGet качает тихо мне игру,
...................................
</pre>
</div>
</div>
</center>

Метки: html div float

Комментарии (15)

<a href="https://www.liveinternet.ru/users/3193732/post106606289/">РЎС‚СЂР°С€РЅРѕРµ СЃР»РѕРІРѕ  div :)</a><br/>
Р”РёРІ &lt;div&gt;&lt;/div&gt; РїСЂРµРґРЅР°Р·РЅР°С‡РµС‚ РґР»СЏ РІС‹РґРµР»РµРЅРёСЏ С„СЂР°РіРјРµРЅС‚Р° РґРѕРєСѓРјРµРЅС‚Р°. РЎРѕРґРµСЂР¶РёРјРѕРµ РґРёРІР° РІСЃРµРіРґР° РЅР°С‡РёРЅР°РµС‚СЃСЏ СЃ РЅРѕРІРѕР№ СЃС‚СЂРѕРєРё Рё Р·Р°РєР°РЅС‡РёРІР°РµС‚СЃСЏ РїРµСЂРµРЅРѕСЃРѕРј СЃС‚СЂРѕРєРё.
Р”Р»СЏ С‚РѕРіРѕ С‡С‚Рѕ Р±С‹ СЃРґРµР»Р°С‚СЊ РІРёРґРёРјС‹РјРё РіСЂР°РЅРёС†С‹ РґРёРІР° СЏ РґРѕР±Р°РІР»СЋ Рє РЅРµРјСѓ СЂР°РјРєСѓ

&lt;div style="border: solid 1px;">РўРµРєСЃС‚ РёР»Рё РєР°СЂС‚РёРЅРєР° РёР»Рё Рё С‚Рѕ Рё РґСЂСѓРіРѕРµ :)&lt;/div>

РўРµРєСЃС‚ РёР»Рё РєР°СЂС‚РёРЅРєР° РёР»Рё Рё С‚Рѕ Рё РґСЂСѓРіРѕРµ :)
Р”РёРІ Р·Р°РЅРёРјР°РµС‚ РІСЃСЋ С€РёСЂРёРЅСѓ РїСЂРѕСЃС‚СЂР°РЅСЃС‚РІР°. Р§С‚Рѕ Р±С‹ РёР·РјРµРЅРёС‚СЊ С€РёСЂРёРЅСѓ РЅСѓР¶РЅРѕ РґРѕР±Р°РІРёС‚СЊ РІ СЃС‚РёР»Рё width Рё СѓРєР°Р·Р°С‚СЊ С€РёСЂРёРЅСѓ РёР»Рё РІ РїРёРєСЃРµР»СЏС… РёР»Рё РІ РїСЂРѕС†РµРЅС‚Р°С…
РЎРґРµР»Р°РµРј РґРёРІ С€РёСЂРёРЅРѕР№ РІ РїРѕР»РѕРІРёРЅСѓ РґРѕСЃС‚СѓРїРЅРѕРіРѕ РїСЂРѕСЃС‚СЂР°РЅСЃС‚РІР°.

&lt;div style="border: solid 1px; wi... <a href="https://www.liveinternet.ru/users/3193732/post106606289/">Р§РёС‚Р°С‚СЊ РґР°Р»РµРµ...</a>

Страшное слово div :)

Дневник

Среда, 15 Июля 2009 г. 11:48 + в цитатник

Див <div></div> предназначет для выделения фрагмента документа. Содержимое дива всегда начинается с новой строки и заканчивается переносом строки.

Для того что бы сделать видимыми границы дива я добавлю к нему рамку

<div style="border: solid 1px;">Текст или картинка или и то и другое :)</div>