Balls and holes PC game / Balls and Holes PC игра
Вакансии
Игродельня
Сегодня
20 апреля 2024
7:37
Вход Регистрация Забыли пароль ?

Dome, The | ZX Spectrum | arcade game | Perspective Group, 2002
Dome, The | ZX Spectrum | arcade game | Perspective Group, 2002 Автор(ы): Studio Stall, Stanly Stall, Capry Stall
подробнее...

Теги

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

Статьи сайта

Trap Door, The | ZX Spectrum | quest game | Piranha, 1986

Little Puff | ZX Spectrum | quest game | Cartoon Time, 1990

Magicland Dizzy | ZX Spectrum | quest game | Code Masters Ltd, 1990

Vera / Вера | ZX Spectrum | quest game | Perspective Group, 2008

Cauldron II: The Pumpkin Strikes Back | ZX Spectrum | quest game | Palace Software, 1986

Fantasy World Dizzy | ZX Spectrum | quest game | Code Masters Ltd, 1989

Prince of Persia | ZX Spectrum | quest game | Magic Soft, 1996

Sacred Armour of Antiriad, The | ZX Spectrum | quest game | Palace Software, 1986

Stormbringer | ZX Spectrum | quest game | Mastertronic Added Dimension, 1987

Prison Riot | ZX Spectrum | quest game | Players Premier, 1990

Head over Heels | ZX Spectrum | quest game | Ocean Software Ltd, 1987

Vinny Puh | ZX Spectrum | quest game | Softland Software, 1996

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

Escape from the Planet of the Robot Monsters | ZX Spectrum | quest game | Domark Ltd, 1990

Dizzy | ZX Spectrum | quest game | Code Masters Ltd, 1987

IK+ | ZX Spectrum | fighting game | System 3 Software Ltd, 1987

Samurai Warrior | ZX Spectrum | fighting game | Firebird Software Ltd, 1988

Kendo Warrior | ZX Spectrum | fighting game | Byte Back, 1989

Ninja Hamster | ZX Spectrum | fighting game | CRL Group PLC, 1987

Power Magic | ZX Spectrum | fighting game | Zigurat Software, 1990

Dr. Doom's Revenge! | ZX Spectrum | fighting game | Empire Software, 1989

Popeye 3 | ZX Spectrum | fighting game | Alternative Software Ltd, 1992

Street Fighter | ZX Spectrum | fighting game | Go!, 1988

Bronx | ZX Spectrum | fighting game | Animagic S.A., 1990

Global Tracker | ZX Spectrum | music editor | Global Corporation, 1999

SQ-Tracker | ZX Spectrum | music editor | Proxima Software, 1993

Soundtracker | ZX Spectrum | music editor | Pentagram, 1992

Sound Tracker Pro | ZX Spectrum | music editor | KSA, 1996

Legend of the Amazon Women | ZX Spectrum | fighting game | US Gold Ltd, 1986

Reaper | ZX Spectrum | fighting game | Ubi Soft Ltd, 1991

Yie Ar Kung-Fu 2 | ZX Spectrum | fighting game | Imagine Software Ltd, 1986

Highlander | ZX Spectrum | fighting game | Ocean Software Ltd, 1986

Uchi Mata | ZX Spectrum | fighting game | Martech Games Ltd, 1987

Mortal Kombat II | ZX Spectrum | fighting game | Perspective Group, 2004

Freddy Hardest | ZX Spectrum | arcade game | Dinamic Software, 1987

Mot | ZX Spectrum | arcade game | Opera Soft S.A., 1989

Hyperaction | ZX Spectrum | arcade game | Silversoft Ltd, 1984

Future Looter | ZX Spectrum | arcade game | Timmy, 2011

Saboteur! | ZX Spectrum | arcade game | Durell Software Ltd, 1985

Psycho Pigs U.X.B. | ZX Spectrum | arcade game | US Gold Ltd, 1988

Panzadrome | ZX Spectrum | arcade game | Ariolasoft UK Ltd, 1985

Paperboy | ZX Spectrum | arcade game | Elite Systems Ltd, 1986

Trantor: The Last Stormtrooper | ZX Spectrum | arcade game | Go!, 1987

Scuba Dive | ZX Spectrum | arcade game | Durell Software Ltd, 1983

Aquaplane | ZX Spectrum | arcade game | Quicksilva Ltd, 1983

Spy vs Spy | ZX Spectrum | arcade game | Beyond Software, 1985

Raster Runner | ZX Spectrum | arcade game | Mastertronic Plus, 1990

1kdj | ZX Spectrum | music editor | Ate Bit, 2009

Music Synth | ZX Spectrum | music editor | Your Sinclair, 1993

Chip Tracker | ZX Spectrum | music editor | Alone Coder, 2004

Prodigi Editor | ZX Spectrum | music editor | ,

A.Y. Tracker | ZX Spectrum | music editor | Jonathan Cauldwell, 1992

| ZX Spectrum | music editor | Alone Coder, 2006

X-Tracker | ZX Spectrum | music editor | Scorpion Software [2], 2004

Extreme's Tracker | ZX Spectrum | music editor | Red Limited Drunkards Group, 1999

Soundtracker | ZX Spectrum | music editor | Ultrasoft, 1993

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

далее

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

 

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



Время загрузки: 0,2442