ria pc game
fle game engine - движок для создания игр
fle game engine - движок для создания игр


Balls and holes PC game / Balls and Holes PC игра
Вакансии
Игродельня
Сегодня
23 мая 2019 17:56
Вход Регистрация Забыли пароль ?

megainformatic - Приключения Кости Коробкина - С новым годом - интерактивный комикс (kk hny) - онлайн комикс - страница 5
Приключения Кости Коробкина - С новым годом - интерактивный комикс (kk hny) - онлайн комикс - страница 5 Предлагаем вашему вниманию онлайн-комикс Приключения Кости Коробкина - С новым годом - интерактивный комикс (kk hny). Ур-ра !!! Летим !!! Здорово !!!!! Я наверное сплю ?
подробнее...

Теги создание сайтов, создание игр, дизайн, игры, информатика, уроки photshop, php, c++, музыка, delphi, cms, робосайт
Статьи сайта
megainformatic - Основы 3D-анимации, экспорт скелетной анимации

megainformatic - Подготовка модели к использованию скелетной анимации

megainformatic - Продолжаем Создание скелета для данной модели

megainformatic - Построение ирерархических связей между объектами и основы 3d анимирования

megainformatic - Особенности экспорта моделей и анимации экспортером kWXPort080719 из 3ds max 2009 

megainformatic - Создание модели броневика (Хэд)

megainformatic cms e-mailer

megainformatic cms e-mailer

megainformatic cms e-mailer

Бесплатная Система Управления Вашим Сайтом - megainformatic cms free

megainformatic - Путешествие в мир 3d

megainformatic - Путешествие в мир 3d - страница 2

megainformatic - Путешествие в мир 3d - страница 3

megainformatic - Путешествие в мир 3d - страница 4

megainformatic - Путешествие в мир 3d - страница 5

megainformatic - Путешествие в мир 3d - страница 6

megainformatic - Создание модели броневика (Хэд) - Анимация вращения колес

megainformatic cms express files

megainformatic cms express files

megainformatic cms express files

megainformatic - Уроки Photoshop - Чудеса

megainformatic cms express files - Развертывание сайта на Вашем хостинге

megainformatic - Настольная игра "Веселый Буквоежка"

megainformatic - Уроки delphi directx 8.1

megainformatic - Уроки delphi directx 8.1 - Урок 1 - Введение в Delphi DirectX 8.1. Создание шаблона стартового приложения.

megainformatic - Уроки delphi directx 8.1 - Урок 1 - Введение в Delphi DirectX 8.1. Создание шаблона стартового приложения. Страница 2

megainformatic - Урок 2 Создаем и обрабатываем команды меню.

megainformatic - Урок 2 Создаем и обрабатываем команды меню. Страница 2

megainformatic - Урок 3 Оконный и полноэкранный режимы работы D3D-приложения. Управление игрой средствами DirectInput8

megainformatic - Урок 3 Оконный и полноэкранный режимы работы D3D-приложения. Управление игрой средствами DirectInput8 - Страница 2

megainformatic - Урок 3 Оконный и полноэкранный режимы работы D3D-приложения. Управление игрой средствами DirectInput8 - Страница 3

megainformatic - Урок 4 Построение класса приложения

megainformatic - Урок 4 Построение класса приложения - Страница 2

megainformatic - Урок 5 Построение классов игровых объектов и других необходимых классов

megainformatic - Урок 5 Построение классов игровых объектов и других необходимых классов - Страница 2

megainformatic - Урок 6 Игровая логика

megainformatic - Заметки по joomla - JFolder::create: Path not in open_basedir paths. Что это?

megainformatic cms express files - Добавление статей на сайт под управлением megainfromatic cms express files

megainformatic - Урок 7 2D-анимация

megainformatic - Урок 8 Загрузка/Сохранение текущей игры, режим паузы, режимы часов/будильника, запуск браузера Internet Explorer для показа сайта разработчика и других интернет-ресурсов

megainformatic - Урок 9 Тестирование и отладка приложения

megainformatic - Мои Музыкальные Миры

megainformatic - уроки Photoshop free

megainformatic cms express

megainformatic cms express

megainformatic cms express

megainformatic cms express files

megainformatic - Методы создания растровых изображений в Adobe Photoshop

megainformatic - Создание фотореалистичной текстуры травы

megainformatic - Рабочее пространство Adobe Photoshop

megainformatic - Бесшовные (тайловые) текстуры

megainformatic - Создание изображений огня, воды, неба

megainformatic - Создание текстур горных пород и суши (урок 5)

megainformatic - Рисование персонажей (урок 6)

megainformatic - Рисование фона (урок 6 часть 2)

megainformatic - Рельефные изображения

Что нужно знать для создания сайта ? float - использование в css - стилях

[к содержанию]

Атрибут float применяется для выравнивания блоков div по

<div style="float: left;">по левому краю отведенного пространства страницы</div>


по левому краю отведенного пространства страницы



<div style="float: right;">по правому краю отведенного пространства страницы</div>


по правому краю отведенного пространства страницы



<div>без выравнивания</div>


без выравнивания



аналогично объявляется в виде атрибута для описанного в css - файле класса или id

<style>
.element1 {
float: left; border: 1px solid #000000; background: #75ab41;
}


#element_2 {
float: right; border: 1px solid #000000; background: #75ab41;
}


</style>

<div class="element1">по левому краю отведенного пространства страницы</div>


<div id="element_2">по правому краю отведенного пространства страницы</div>


еще один пример -



<style>
.element1 {
float: left; border: 1px solid #000000; background: #75ab41;
}

#element_2 {
float: right; border: 1px solid #000000; background: #75ab41;
}

#elem_3 {
width: 400px;
background: #ffff00;
}

#elem_3 .elem_4 {
border: 1px solid #000000; background: #75ab41; width: 200px;
}

#elem_3 .elem_5 {
float: left; border: 1px solid #000000; background: #EC64FF; width: 200px;
}

#elem_3 .elem_6 {
float: right; border: 1px solid #000000; background: #6C87F1; width: 200px;
}
</style>

<div class="element1">по левому краю отведенного пространства страницы</div><br><br><br>

<div id="element_2">по правому краю отведенного пространства страницы</div><br><br><br>

<div id="elem_3">
<div class="elem_4">
какой-то текст в блоке без float
</div>

<div class="elem_5">
другой текст - float: left;
</div>

<div class="elem_4" style="background: #ff0000;">
снова текст в блоке без float
</div>

<div class="elem_4" style="background: #00ff00;">
и еще текст в блоке без float
</div>

<div class="elem_6">
теперь текст в блоке float: right;
</div>

</div>

<br><br><br>

<div style="clear: both;"></div>

а вот как он выводится -

по левому краю отведенного пространства страницы



по правому краю отведенного пространства страницы



какой-то текст в блоке без float
другой текст - float: left;
снова текст в блоке без float
и еще текст в блоке без float
теперь текст в блоке float: right;



В показанном примере видно как ведут себя блоки div имеющие или не имеющие тот или иной тип выравнивания блока с атрибутом float.

Важно запомнить всего 2 важных момента:

1) Если блоки не имеют указанного атрибута float - то они выводятся "как есть" - занимая всё отведенное им пространство и очередной блок будет помещен ниже данного;

2) Если вам требуется очистить пространство, занимаемое любыми блоками - примените атрибут clear: both; как показано в примере выше.

далее

[к содержанию]

megainformatic live chat
Начать беседу
X
 

Оставленные комментарии



fle game engine - движок для создания игр
fle game engine - движок для создания игр


Something: Unexplained 2 captive of desires / Нечто: Необъяснимое 2 в плену желаний
Костя Коробкин Комикс Коллекционное издание - 6 комиксов, 81 страница, 220 mp3 треков
megainformatic Размещение баннерной рекламы у нас
Время загрузки: 0,7235