https://www.liveinternet.ru/users/nina62/post388971216/

Посмотреть пример
Различия в подходе браузеров при рисовании границ заметны только на цветном фоне и пунктирных линиях. Для сплошной рамки вид слоя в браузерах будет практически одинаковым.

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

Спецификация CSS определяет, что высота и ширина элемента определяется не только значениями height и width, но к ним еще плюсуется значение полей, отступов и границ. Браузеры в этом плане делятся на две части: одни поддерживают в этом вопросе спецификацию, другие же ее игнорируют и поступают по-своему. Это создает трудности разработчикам, которые желают делать универсальные веб-страницы. Можно только посоветовать ограниченно использовать свойства width и height, поскольку по умолчанию браузер применяет аргумент auto, который заставляет настраивать размеры элемента автоматически.

вёрстка

HTML по теме
Тег
Тег

Тег

Тег

CSS по теме
background
border
height
margin
padding
width

,

,
... как отдельный блок, поэтому при написании html кода, нужно внимательно использовать тэги
,, присваивать им свои идентификаторы для использования в CSS. Ведь внутри блоков может быть сколько угодно других блоков, ограниченных тэгами
. Я бы сказал так:- блочная верстка очень удобна тем что каждый блок, можно представить себе некой коробкой, в которой лежат матрешки (контент блоков). Поэтому работа с отдельными блоками гораздо удобнее, чем при табличной верстке. Да и при многочисленных вложениях таблиц в таблицы очень легко ошибиться,особенно новичкам.

Пример 5. Пунктирная рамка

Пример 3. Ширина слоя в процентах

Пример 3. Ширина слоя в процентах

Пример 2. Ширина слоя

Пример 1. Использование блочных элементов

Ut wisi enim ad minim veniam

Декоративные рамки | htmlbook.ru
htmlbook.ru/css3-na-primerakh/dekorativnye-ramki
6 окт. 2011 г. - Рисованные декоративные рамки делаются с помощью изображений, при этом предварительно рамку разбивают на ряд фрагментов, а затем ... CSS3 */ }

http://viktorialka.ru/post126342930/

http://viktorialka.ru/post126399244/

Ну вот вроде и все, теперь можно не боятся, если что то случится с компьютером)
Рубрики: Полезности для блога

Метки: полезные ссылки
Комментарии (10)
Нравится Поделиться
КОЛЛЕКЦИЯ ОТКРЫТОК - ТЕБЕ И ДЛЯ ТЕБЯ!
Понедельник, 17 Мая 2010 г. 18:50 + в цитатник
Это цитата сообщения Zosik_K [Прочитать целиком + В свой цитатник или сообщество!]
Коллекция открыток - Тебе и Для тебя!

Продолжаю чистить комп, поэтому вылаживаю в дневник "свои коллекции открыток", которые насобирала на просторах инета...















Смотреть всю коллекцию…
Рубрики: Полезности для блога

Метки: открытки анимация
Комментарии (4)
Нравится Поделиться
В КОПИЛКУ САЙТОВ С АНИМАШКАМИ
Воскресенье, 16 Мая 2010 г. 22:39 + в цитатник
Это цитата сообщения Kailash [Прочитать целиком + В свой цитатник или сообщество!]
В копилку сайтов с анимашками

Комментирующих у меня с анимашками довольно много. Продолжайте в том же духе :) Вот вам еще порция сайтов с коллекциями анимационных рисунков.

1) Анимированные флаги стран мира

2) Еще одна коллекция анимированных флагов

3) Gigi et cram - анимашки, блестяшки, смайлики Сайт французский.

4) Chevaliers - коллекция анимрованных картинок. Сайт французский.


5) Tritroichki - анимашки, смайлики, курсоры, часики

6) Котята - анимашки

7) Котята - анимашки 2

8) Анимашки - животные

9) Denise - различные анимашки, смайлики надписи


Читать далее...
Рубрики: Полезности для блога

Метки: анимации
Комментарии (12)
Нравится Поделиться
КРАСИВЫЕ АНИМИРОВАННЫЕ БУКЕТЫ ЦВЕТОВ!
Пятница, 14 Мая 2010 г. 07:50 + в цитатник
Это цитата сообщения Valysha-66 [Прочитать целиком + В свой цитатник или сообщество!]
Красивые анимированные букеты цветов! (с кодами)

















































































Рубрики: Полезности для блога

Метки: открытки анимация
Комментарии (13)
Нравится Поделиться
КОЛЛЕКЦИЯ ОТКРЫТОК - СПАСИБО, БЛАГОДАРЮ!
Четверг, 13 Мая 2010 г. 13:05 + в цитатник
Это цитата сообщения Zosik_K [Прочитать целиком + В свой цитатник или сообщество!]
Коллекция открыток - Спасибо, благодарю!

Вот решила почистить комп и выложить в дневник "свои коллекции открыток", которые насобирала на просторах инета...










Смотреть всю коллекцию…
Рубрики: Полезности для блога

Метки: открытки анимация
Комментарии (3)
Нравится Поделиться
КАТАЛОГ САЙТОВ
Четверг, 13 Мая 2010 г. 13:04 + в цитатник
Это цитата сообщения Tatjana_Weiman [Прочитать целиком + В свой цитатник или сообщество!]
Каталог сайтов

Каталог сайтов












ValAleks
Рубрики: Полезности для блога
Интересно

Метки: сайты полезные ссылки

http://viktorialka.ru/rubric/1407176/?upd

http://viktorialka.ru/rubric/1407176/?upd

Сайты с красивой анимацией и красивыми картинками
Большие блестящие картинки - http://www.biggif.ru/
Очень много анимашек - http://www.artgif.ru/
Фэнтези часть 1 - http://blestiashki.narod.ru/
Фэнтези часть 2 - http://gifimage.narod.ru/
Гламурные анимашки - http://bestgif.narod.ru/
Красивые анимашки с девушками - http://gifpict.narod.ru/
Супер - анимашки - http://blestiashky.narod.ru/
Гламурные картинки - http://glamour-art.narod.ru/
Позитивные картинки - http://radiosarafan.narod.ru/ (Радуга!)
Красивые картинки и фото пейзажей - http://pozitiv-pict.narod.ru/
Безумно красивые картинки - http://beautiful-pict.narod.ru/
Картинки про любовь - http://love-pict.narod.ru/
Красивые фото цветов - http://foto-cvety.narod.ru/
Красивейшие пейзажи HDR - http://peyzajy.narod.ru/
Ещё красивые фото HDR - http://hdrart.narod.ru/
Сайты с рисунками текстом
Большой собрание - http://www.txtart.ru/
А здесь есть ещё и почти все имена текстом - http://txt-art.narod.ru/
Сайт с оптическими иллюзиями - http://opt-illyuzii.narod.ru/
Сайт и с тем и с другим и ещё с красивейшими картинками и т.д.
http://www.horoshovsem.ru/
Фото собак - http://foto-sobaki.narod.ru/
Фото диких кошек - http://tigrenzia.narod.ru/
Фото цветов - http://foto-cvety.narod.ru/
Фото диких животных - http://fotz.narod.ru/
Фото насекомых - http://nasfoto.narod.ru/
Любовь в картинках и фото - http://top400.narod.ru/
Фото рамки - http://ramky.narod.ru/

Интересные ссылки
Совершенно потрясающие обои и заставки 3D http://www.myscreen.ru
Очень много обоев различной тематики http://www.dota.ru
Огромное колличество красивых обоев http://www.freedoc.ru
http://oboi.kards.ru умопомрачительные обои!
http://1zoom.ru мой любимый обойный сайт
http://kotomatrix.ru Котоматрицы

Сайты с блестяшками и анимашками
http://www.satisfaction.com/
http://www.imagehousing.com/
http://www.blingcheese.com/
http://www.jucoolimages.com/goodmorning_07.php
http://friends18.com/category/angel/
http://www.wishafriend.com/glitter/