НА всякий случай полный код даной страницы (index.
php):
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Гороскопы Зодиака</title>
<link rel="stylesheet" type="text/css" href="css/styles.css" />
</head>
<body>
<a href="#" class="zodiac"><img src="images/mini/01.gif"></a> <a href="#" class="zodiac"><img src="images/mini/02.gif"></a> <a href="#" class="zodiac"><img src="images/mini/03.gif"></a>
<a href="#" class="zodiac"><img src="images/mini/04.gif"></a> <a href="#" class="zodiac"><img src="images/mini/05.gif"></a> <a href="#" class="zodiac"><img src="images/mini/06.gif"></a>
<div id="page">
<h1>Твой знак Зодиака</h1>
<form method="post" action="" class="first">
Выбери свой знак:
<!-- We are going to use jQuery to hide the select element and replace it -->
<select name="fancySelect" class="makeMeFancy">
<!-- Notice the HTML5 data attributes -->
<option value="0" selected="selected" data-skip="1">Знак Зодиака</option>
<option value="1" data-icon="img/zodiac/01.jpg" data-html-text="Овен">Овен</option>
<option value="2" data-icon="img/zodiac/02.jpg" data-html-text="Телец">Телец</option>
<option value="3" data-icon="img/zodiac/03.jpg" data-html-text="Близнецы">Близнецы</option>
<option value="4" data-icon="img/zodiac/04.jpg" data-html-text="Рак">Рак</option>
<option value="5" data-icon="img/zodiac/05.jpg" data-html-text="Лев">Лев</option>
<option value="6" data-icon="img/zodiac/06.jpg" data-html-text="Дева">Дева</option>
<option value="7" data-icon="img/zodiac/07.jpg" data-html-text="Весы">Весы</option>
<option value="8" data-icon="img/zodiac/08.jpg" data-html-text="Скорпион">Скорпион</option>
<option value="9" data-icon="img/zodiac/09.jpg" data-html-text="Стрелец">Стрелец</option>
<option value="10" data-icon="img/zodiac/10.jpg" data-html-text="Козерог">Козерог</option>
<option value="11" data-icon="img/zodiac/11.jpg" data-html-text="Водолей">Водолей</option>
<option value="12" data-icon="img/zodiac/12.jpg" data-html-text="Рыбы">Рыбы</option>
</select>
</form>
<form action="index.
php" method="POST" class="second">
Выбери день и месяць рождения<br>
<select name=“day” id=“day” onChange=“rewrite_days();”>
<?
php for ($i = 0; $i < 32; $i++){
if ($i == 0){
echo '<option value="0" selected>День</oplion>';
else
echo '<option value="'.$i.'">'.$i.'</oplion>';
<?}
} //кінець умови
?>
</select>
<select name=“month” id=“month” onChange=“rewrite_days();”>
<option value=“0″ selected>Месяц</option>
<option value=“1″>Января</option>
<option value=“2″>Февраля</option>
<option value=“3″>Марта</option>
<option value=“4″>Апреля</option>
<option value=“5″>Мая</option>
<option value=“6″>Июня</option>
<option value=“7″>Июля</option>
<option value=“8″>Августа</option>
<option value=“9″>Сентября</option>
<option value=“10″>Октября</option>
<option value=“11″>Ноября</option>
<option value=“12″>Декабря</option>
</select>
</form>
<form action="index.
php" method="POST" class="third">
<p><input type="submit" name="Ok" value="Показать гороскоп "></p>
</form>
</div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<script src="js/script.js"></script>
<div id="footer">
<a href="#" class="zodiac"><img src="images/mini/07.gif"></a> <a href="#" class="zodiac"><img src="images/mini/08.gif"></a> <a href="#" class="zodiac"><img src="images/mini/09.gif"></a>
<a href="#" class="zodiac"><img src="images/mini/10.gif"></a> <a href="#" class="zodiac"><img src="images/mini/11.gif"></a> <a href="#" class="zodiac"><img src="images/mini/12.gif"></a>
</div>
</body>
</html>
