Авторский знак. Seosait21.ru Есть у человека надежда. Пока не поздно. Вгрызайся и изучай.
Нажимай и поддержи.

Пн Вт Ср Чт Пт Сб Вс
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30


Чувашия-это моя Россия

Ссылки на каскадные стили CSS - float-offset.

Свойство float-offset придает элементу свойство вторжения в другие плавающие элементы при сохранении неизменности их положения относительно других элементов, то есть не нарушая свойства float. По-другому говоря, свойство float-offset не затрагивая существующие элементы на страницах сайта, легко и просто на них накладывается, при этом можно достичь множество красивых и эффектных отображений фотографий, рисунков и многих букв и текстов. Во всяком случае так должно быть из правил CSS3.

Самое мощное и интересное здесь не в том, что производится какое-то изменение какого-то участка( элемента) страницы сайта. Вся интересная и необходимая информация в том, что свойство float-offset, которое действует через стили CSS3 автономно работает даже при отключения JavaScripta в браузере Вашего компьютера. Всегда и при любых обстоятельствах.


Синтаксис:

             float-offset: length length ?| 

Свойство Значения

Значение length length ?
Название float-offset
media визуально,выгружаемый
Applies to плавающие элементы
initial 0 0
inherit no
Computed value один или два абсолютных длины


Пишем программу - для float-offset:

< !DOCTYPE html>
< html>
< head>
< /head>
< body>
< style>
.rr {
	width:31%;
	float:left;
	border:2px solid #933;
	}
img { 
  float-offset: -50% 3em;
  -webkit-float-offset: -50% 3em;
  -moz--webkit-float-offset: -50% 3em;
  -ms--webkit-float-offset: -50% 3em;
  -o--webkit-float-offset: -50% 3em;
}
< /style>
< div class="rr">Вы правильно сделали, что зашли на эту страничку 
как создать свой собственный сайт, потому что постараюсь доходчиво
 и доступно дать основы сайтостроения, то есть создания сайта своими 
 собственными руками избегая свои трудности и мучения. Как легко и 
 просто < img src="../fon/367.jpg" alt="Рисунок"> создать сайт. Не 
 удивляйтесь. Оказывается, это не так уж сложно. И не будем ставить
  перед собой цели перещеголять весь интернет - будет простой 
  статический сайт на простых HTML-кодах ( так называемых тегах), и 
  такой статический сайт легко оживить строчками из PHP-кодов, сделать
   интерактивными, увлекательными и интересными применяя скрипты языка 
   Java Script. Тем более у Вас под рукой всегда будут необходимые 
   справочные данные по всем разделам сайтостроения ввиде библиотек:
   < /div>
   < div class="rr">Вы правильно сделали, что зашли на эту 
   страничку как создать свой собственный сайт, потому что постараюсь 
   доходчиво и доступно дать основы сайтостроения, то есть создания 
   сайта своими собственными руками избегая свои трудности и мучения. 
   Как легко и просто создать сайт. Не удивляйтесь. Оказывается, это 
   не так уж сложно. И не будем ставить перед собой цели перещеголять 
   весь интернет - будет простой статический сайт на простых HTML-кодах 
   ( так называемых тегах), и такой статический сайт легко оживить 
   строчками из PHP-кодов, сделать интерактивными, увлекательными и 
   интересными применяя скрипты языка Java Script. Тем более у Вас под
   рукой всегда будут необходимые справочные данные по всем разделам 
   сайтостроения ввиде библиотек:
   < /div>
   < div class="rr">Вы правильно 
   сделали, что зашли на эту страничку как создать свой собственный сайт, 
   потому что постараюсь доходчиво и доступно дать основы сайтостроения,
   то есть создания сайта своими собственными руками избегая свои трудности
   и мучения. Как легко и просто создать сайт. Не удивляйтесь. Оказывается,
   это не так уж сложно. И не будем ставить перед собой цели перещеголять
    весь интернет - будет простой статический сайт на простых HTML-кодах 
  ( так называемых тегах), и такой статический сайт легко оживить строчками
   из PHP-кодов, сделать интерактивными, увлекательными и интересными применяя
   скрипты языка Java Script. Тем более у Вас под рукой всегда будут необходимые 
   справочные данные по всем разделам сайтостроения ввиде библиотек:
   < /div>
< /body>
< /html>                    

Результат программы:

Вы правильно сделали, что зашли на эту страничку как создать свой собственный сайт, потому что постараюсь доходчиво и доступно дать основы сайтостроения, то есть создания сайта своими собственными руками избегая свои трудности и мучения. Как легко и просто Рисунок создать сайт. Не удивляйтесь. Оказывается, это не так уж сложно. И не будем ставить перед собой цели перещеголять весь интернет - будет простой статический сайт на простых HTML-кодах ( так называемых тегах), и такой статический сайт легко оживить строчками из PHP-кодов, сделать интерактивными, увлекательными и интересными применяя скрипты языка Java Script. Тем более у Вас под рукой всегда будут необходимые справочные данные по всем разделам сайтостроения ввиде библиотек:
Вы правильно сделали, что зашли на эту страничку как создать свой собственный сайт, потому что постараюсь доходчиво и доступно дать основы сайтостроения, то есть создания сайта своими собственными руками избегая свои трудности и мучения. Как легко и просто создать сайт. Не удивляйтесь. Оказывается, это не так уж сложно. И не будем ставить перед собой цели перещеголять весь интернет - будет простой статический сайт на простых HTML-кодах ( так называемых тегах), и такой статический сайт легко оживить строчками из PHP-кодов, сделать интерактивными, увлекательными и интересными применяя скрипты языка Java Script. Тем более у Вас под рукой всегда будут необходимые справочные данные по всем разделам сайтостроения ввиде библиотек:
Вы правильно сделали, что зашли на эту страничку как создать свой собственный сайт, потому что постараюсь доходчиво и доступно дать основы сайтостроения, то есть создания сайта своими собственными руками избегая свои трудности и мучения. Как легко и просто создать сайт. Не удивляйтесь. Оказывается, это не так уж сложно. И не будем ставить перед собой цели перещеголять весь интернет - будет простой статический сайт на простых HTML-кодах ( так называемых тегах), и такой статический сайт легко оживить строчками из PHP-кодов, сделать интерактивными, увлекательными и интересными применяя скрипты языка Java Script. Тем более у Вас под рукой всегда будут необходимые справочные данные по всем разделам сайтостроения ввиде библиотек:

Внимание!!! Как видим свойство float-offset пока не вступило в силу согласно правил CSS3 и не вторгается в соседние плавающие элементы.



seosait21.ru
HTML

seosait21.ru
CSS

seosait21.ru
Web-диз.
HTML ссылка CSS ссылка ...

seosait21.ru
JavaScript

seosait21.ru
PHP

seosait21.ru
JQuery
JavaScript ссылка PHP ссылка JQuery ссылка

seosait21.ru
SEO.

seosait21.ru
MySQL

seosait21.ru
XML
... ... ...
ПОНРАВИЛОСЬ?
ПОДЕЛИСЬ с ДРУЗЬЯМИ: