Balls and holes PC game / Balls and Holes PC игра
Вакансии
Игродельня
Сегодня
15 июля 2020
21:28
Вход Регистрация Забыли пароль ?

webinformatic - Как создать игру ? - Программируем сами - Изучаем и модифицируем пример CreateDevice
         
подробнее...

Теги

сайты, игры, дизайн, продвижение, php, html, css, my sql, c++, delphi, photoshop, 3ds max, fl studio, трекерская музыка, уроки

Статьи сайта

Napoleon at War | ZX Spectrum | strategy game | CCS, 1986

Armageddon Man, The | ZX Spectrum | strategy game | Martech Games Ltd, 1987

Nebula | ZX Spectrum | strategy game | Red Shift Ltd, 1984

King's Bounty | ZX Spectrum | strategy game | Energo, 1993

General, The | ZX Spectrum | strategy game | CCS, 1989

Sea War | ZX Spectrum | strategy game | Panda Software, 1982

Battle of Britain | ZX Spectrum | strategy game | PSS, 1986

War in Middle Earth | ZX Spectrum | strategy game | Melbourne House, 1989

игры онлайн | games online | play online | zx-spectrum games

Tobruk | ZX Spectrum | strategy game | PSS, 1987

Genghis Khan | ZX Spectrum | strategy game | Positive, 1991

Gallipoli | ZX Spectrum | strategy game | CCS, 1986

Mapsnatch | ZX Spectrum | strategy game | Dinamic Software, 1984

Mad Mix Game | ZX Spectrum | maze game | Topo Soft, 1988

Equinox | ZX Spectrum | maze game | Mikro-Gen Ltd, 1986

Nanako Descends to Hell | ZX Spectrum | maze game | Ubhres Productions, 2009

Maritrini, Freelance Monster Slayer | ZX Spectrum | maze game | Ubhres Productions, 2012

Mad Mix 2 | ZX Spectrum | maze game | Topo Soft, 1990

Fat Worm Blows a Sparky | ZX Spectrum | maze game | Durell Software Ltd, 1986

Ant Attack | ZX Spectrum | maze game | Quicksilva Ltd, 1983

Dingo | ZX Spectrum | maze game | Tardis Remakes, 2011

Cheril of the Bosque | ZX Spectrum | maze game | Ubhres Productions, 2010

Pac-Mania | ZX Spectrum | maze game | Grandslam Entertainments Ltd, 1988

Boulder Dash | ZX Spectrum | maze game | Front Runner, 1984

Ms. Pac-Man | ZX Spectrum | maze game | Atarisoft, 1984

Pi-In'Ere | ZX Spectrum | maze game | Automata UK Ltd, 1984

Forest Raider Cherry | ZX Spectrum | maze game | Timmy, 2010

Mine Worker | ZX Spectrum | maze game | Firestarter, 2010

Go Bear Go! | ZX Spectrum | maze game | Sinclair User, 1988

Flash Beer Trilogy | ZX Spectrum | maze game | Weird Science Software, 2003

Pacman | ZX Spectrum | maze game | SuperSoft [2], 2000

Fast Food | ZX Spectrum | maze game | Code Masters Ltd, 1989

In The Walls of Eryx | ZX Spectrum | maze game | Monster's Legs Productions, 2016

Rockford | ZX Spectrum | maze game | Mastertronic Added Dimension, 1987

Tantalus | ZX Spectrum | maze game | Quicksilva Ltd, 1986

Gauntlet II | ZX Spectrum | maze game | US Gold Ltd, 1988

Maze Mania | ZX Spectrum | maze game | Hewson Consultants Ltd, 1989

Nonterraqueous | ZX Spectrum | maze game | Mastertronic Ltd, 1985

Mission Omega | ZX Spectrum | maze game | Mind Games, 1986

Gauntlet III: The Final Quest | ZX Spectrum | maze game | US Gold Ltd, 1991

Final Matrix, The | ZX Spectrum | maze game | Gremlin Graphics Software Ltd, 1987

Pacman's Revenge | ZX Spectrum | maze game | Idem Soft, 1988

игры онлайн | games online | play online | zx-spectrum games

игры онлайн | games online | play online | zx-spectrum games

Dynatron Mission | ZX Spectrum | maze game | Mastertronic Ltd, 1987

Moggy Adventure | ZX Spectrum | maze game | Ubhres Productions, 2010

FLAPPY BIRD | arcade | MULTIPLAYER | flaapio

Pencil Paper and the Ball | logic arcade | MULTIPLAYER | megainformatic

Micro Mouse | ZX Spectrum | maze game | Mastertronic Plus, 1989

Well 2, The | ZX Spectrum | maze game | Beyker Soft, 2006

Ninja Massacre | ZX Spectrum | maze game | Code Masters Ltd, 1989

Starblastio | arcade | MULTIPLAYER | ARENA - ASTEROIDS - BATTLE

Cut The Rope | Phisics | Zeptolab

Christmas Girl Dressup | Dressup

Panda Hair Do | Dressup | Funny House Games

Marble Smash | match 3

Что нужно знать для создания сайта ? 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; как показано в примере выше.

далее

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

X
play game Pencil Paper and the Ball
 

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



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