AAA Главная
Примеры PHP Примеры JavaScript Примеры Ajax Примеры CSS,HTML

Вывод результатов голосования

1 ТЕМА 16
2 Шанхай 14
3 ASIA 9
4 The Chaikhana 8
5 Шницель-Хаус 2
6 Регистан 1
7 Мюнхаузен 1
Исходный код этого примера:

<style type="text/css">
.places div {
		position: relative;
		padding: 0 50px 14px 20px;
		width: 800px;
	}
	.places div .place {
		color: #999999;
		position: absolute;
		top: 0; left: 0;
	}
	.places div .votes {
		color: #F45E65;
		font-size: 12px;
	}
	.places div hr {
		display: block;
		text-align: left;
		border: 0;
		margin: 4px 0;
		width: 100%;
		height: 3px;
		color: #EB2C3E;
		background: #EB2C3E;
	}
</style>

<h1>Вывод результатов голосования</h1>

<div class="places">
<div>
	<span class="place">1</span>
	ТЕМА&nbsp;<span class="votes">16</span>
	<hr style="width: 100%;">
</div><div>
	<span class="place">2</span>
	Шанхай&nbsp;<span class="votes">14</span>
	<hr style="width: 87.5%;">
</div><div>
	<span class="place">3</span>
	ASIA&nbsp;<span class="votes">9</span>
	<hr style="width: 56.25%;">
</div><div>
	<span class="place">4</span>
	The Chaikhana&nbsp;<span class="votes">8</span>
	<hr style="width: 50%;">
</div><div>
	<span class="place">5</span>
	Шницель-Хаус&nbsp;<span class="votes">2</span>
	<hr style="width: 12.5%;">
</div><div>
	<span class="place">6</span>
	Регистан&nbsp;<span class="votes">1</span>
	<hr style="width: 6.25%;">
</div><div>
	<span class="place">7</span>
	Мюнхаузен&nbsp;<span class="votes">1</span>
	<hr style="width: 6.25%;">
</div>
</div>


.

© Copyright 2008-2016 by KDG