body {
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
color: #666;
background-color: #f8f8f8;
}
li {
list-style-image: url("../../HTML-CSS/imeges/book-alt.png");
line-height: 1.6em;
}
table {
border-spacing: 0px;
}
th, td {
padding: 5px 30px 5px 30px;
border-spacing: 0px;
font-size: 90%;
margin: 0px;
}
th, td {
text-align: left;
background-color: #e0e9f0;
border-top: 1px solid #f1f8fe;
border-bottom: 1px solid #cbd2d8;
border-right: 1px solid #cbd2d8;
}
tr.head th {
color: #fff;
background-color: #90b4d6;
border-bottom: 2px solid #547ca0;
border-right: 1px solid #749abe;
border-top: 1px solid #90b4d6;
text-align: center;
text-shadow: -1px -1px 1px #666;
letter-spacing: 0.15em;
}
td {
text-shadow: 1px 1px 1px #fff;
}
tr.even td, tr.even th {
background-color: #e8eff5;
}
tr.head th:first-child {
border-top-left-radius: 5px;
}
tr.head th:last-child {
border-top-right-radius: 5px;
}
fieldset {
width: 310px;
margin-top: 20px;
border: 1px solid #d6d6d6;
background-color: #fff;
line-height: 1.6em;
}
legend {
font-style: italic;
color: #666;
}
/***********Почему эта часть не рабочая?***************/
input [type="text"] {
width: 120px;
border: 10px solid #d31212;
padding: 2px;
outline: none;
}
input [type="text"]:focus,
input [type="text"]:hover {
background-color: #d0e2f0;
border: 1px solid #999;
}
input [type="submit"] {
border: 1px solid #006633;
background-color: #009966;
color: #fff;
border-radius: 5px;
padding: 5px;
margin-top: 10px;
}
input [type="submit"]:hover {
border: 1px solid #006633;
background-color: #00cc33;
color: #fff;
cursor: pointer;
}
/************Почему эта часть не рабочая?***************/
.title {
float: left;
width: 160px;
clear: left;
}
.submit {
width: 310px;
text-align: right;
}
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="..\HTML-CSS\CSS\ex-glava-14.css">
<title>Списки, таблицы и формы</title>
</head>
<body>
<h1>Поэтические чтения</h1>
<p>
Мы проведем ряд встречь и симпозиумов в течении года.
</p>
<p>
Вход на следующие мероприятия для участников свободный:
</p>
<ul>
<li>Поэтическая преспектива</li>
<li>Вечер поэзии в честь дня рождения А. С. Пушкина</li>
<li>Поэзия и поэты Серебренного века</li>
</ul>
<table>
<tr class="head">
<th></th>
<th>Москва</th>
<th>Санкт-Петербург</th>
<th>Екатеренбург</th>
</tr>
<tr>
<th>Поэтическая преспектива</th>
<td>Сб,. 4 февраля 2012<br>11:00-14:00</td>
<td>Сб,. 3 марта 2012<br>11:00-14:00</td>
<td>Сб,. 17 марта 2012<br>11:00-14:00</td>
</tr>
<tr class="even">
<th>Вечер поэзии в честь дня рождения А. С. Пушкина</th>
<td>Сб,. 7 апреля 2012<br>11:00-13:00</td>
<td>Сб,. 2 мая 2012<br>11:00-13:00</td>
<td>Сб,. 19 мая 2012<br>11:00-13:00</td>
</tr>
<tr>
<th>Поэзия и поэты Серебренного века</th>
<td>Сб,. 9 июня 2012<br>11:00-14:00</td>
<td>Сб,. 7 июля 2012<br>11:00-14:00</td>
<td>Сб,. 21 июля 2012<br>11:00-14:00</td>
</tr>
<tr class="even">
<th>Поэты ХХI века</th>
<td>Сб,. 4 августа 2012<br>11:00-16:00</td>
<td>Сб,. 8 сентября 2012<br>11:00-16:00</td>
<td>Сб,. 15 сентября 2012<br>11:00-16:00</td>
</tr>
</table>
<form action="" method="">
<fieldset>
<legend>Зарегистрируйтесь</legend>
<p>
<label for="name" class="title">Ваше имя:</label>
<input type="text" name="name" id="name">
<label for="email" class="title">Ваш email:</label>
<input type="text" name="email" id="email">
</p>
<p>
<label for="location" class="title">Ближайший центр:</label>
<select name="location" id="location">
<option value="ny">Москва</option>
<option value="il">Санкт-Петербург</option>
<option value="ca">Екатеренбург</option>
</select>
</p>
<p>
<span class="title">Являетесь участником?</span>
<label><input type="radio" name="member" value="yes">Да</label>
<label><input type="radio" name="member" value="no">Нет</label>
</p>
</fieldset>
<div class="submit">
<input type="submit" value="Регистрация">
</div>
</form>
</body>
</html>