<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!--[if lt IE 7]>
<html class="ie ie6 lte9 lte8 lte7" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 7]>
<html class="ie ie7 lte9 lte8 lte7" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 8]>
<html class="ie ie8 lte9 lte8" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if IE 9]>
<html class="ie ie9 lte9" xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if gt IE 9]>
<html xmlns="http://www.w3.org/1999/xhtml"> <![endif]-->
<!--[if !IE]><!-->
<html xmlns="http://www.w3.org/1999/xhtml">
<!--<![endif]-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>lists</title>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<link href="css/ufd-base.css" rel="stylesheet" type="text/css" />
<link href="css/plain/plain.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/ui.core.js"></script>
<script type="text/javascript" src="js/jquery.ui.ufd.min.js"></script>
<!--[if IE]><script type="text/javascript" src="js/PIE.js"></script><![endif]-->
<script type="text/javascript" src="js/my.js"></script>
</head>
<body>
<div class="main">
<div class="page_inner">
<div class="header">
<div class="network">
<div class="twitter">
<a href="#" title="#"></a>
</div>
<div class="facebook">
<a href="#" title="#"></a>
</div>
</div>
<div class="login">
<a title="#" href="#">Войти</a>
|
<a title="#" href="#">Зарегистрироваться</a>
</div>
<div class="logo">
<a href="#" title="#"></a><br/>
пусть дети рисуют
</div>
<div class="search">
<input type="text" value="Поиск..."/><a href="#" title="#"></a>
</div>
</div>
<div class="area_inner">
<div class="content_inner">
<div class="breadcrumb">
<ul>
<li><a href="#" title="#">Главная</a></li>
<li>Примеры списков</li>
</ul>
</div>
<div class="autor_info">
<form action="#" method="post" id="autor_form">
<table class="table table2">
<tbody>
<tr>
<td>
<label for="m1">Город:</label><br/>
<span class="fon1">
<select name="" id="m1">
<option value="0">Москва</option>
<option value="1">Питер</option>
<option value="2">Северодонецк</option>
</select>
</span>
</td>
<td colspan="2">
<label for="m2">Педагог:</label><br/>
<span class="fon1">
<select name="" id="m2">
<option value="0">выберите из списка</option>
<option value="1">Иванов Ваня</option>
<option value="2">Сидоров Вася</option>
</select>
</span>
</td>
</tr>
<tr>
<td >
</td>
<td colspan="2">
<label for="p2">Задание:</label><br/>
<span class="fon1">
<select name="" id="p2">
<option value="0">выберите сначала педагога</option>
<option value="1">Рисуем кота и собачку</option>
<option value="2">Как рисовать гипопотама</option>
</select>
</span>
</td>
</tr>
<tr>
<td></td>
<td colspan="2" class="right">
<span class="sbmt">
<input type="submit" value="Фильтровать"/>
</span>
</td>
</tr>
</tbody>
</table>
</form>
</div>
<div class="list_autors">
<div class="sort">
<form action="#" method="post" >
<table class="table3">
<tr>
<td>
<span class="fon2">
<select name="">
<option value="0">рейтинг</option>
<option value="1">200</option>
<option value="2">300</option>
<option value="3">500</option>
</select>
</span>
</td>
<td>
<span class="sbmt">
<input type="submit" value="Сортировать"/>
</span>
</td>
</tr>
</table>
</form>
</div>
<h1>Список авторов</h1>
<table class="table4">
<tr>
<td><a href="#" title="#">Семен Грибоедов</a></td>
<td>
<div class="rtgn">Рейтинг: <span>1250</span></div>
<div class="city">г. Москва</div>
<div class="date_edit">Дата создания: 12.02.2008</div>
</td>
</tr>
<tr>
<td><a href="#" title="#">Анна Брюлова</a></td>
<td>
<div class="rtgn">Рейтинг: <span>1250</span></div>
<div class="city">г. Москва</div>
<div class="date_edit">Дата создания: 12.02.2008</div>
</td>
</tr>
<tr>
<td><a href="#" title="#">Макар Демченко</a></td>
<td>
<div class="rtgn">Рейтинг: <span>1250</span></div>
<div class="city">г. Москва</div>
<div class="date_edit">Дата создания: 12.02.2008</div>
</td>
</tr>
</table>
</div>
<div class="nav">
<ul>
<li><a href="#" title="#">Назад</a></li>
<li><a href="#" title="#">1</a></li>
<li class="active"><a href="#" title="#">2</a></li>
<li><a href="#" title="#">3</a></li>
<li><a href="#" title="#">4</a></li>
<li><a href="#" title="#">5</a></li>
<li><a href="#" title="#">6</a></li>
<li><a href="#" title="#">7</a></li>
<li class="last"><a href="#" title="#">Вперед</a></li>
</ul>
</div>
</div>
<div class="side_bar">
</div>
</div>
</div>
</div>
<div class="footer_inner">
<div class="footer_area">
<div class="bl_foot1">
<div class="menu">
<ul>
<li><a href="#" title="#">Авторы</a></li>
<li><a href="#" title="#">Педагоги</a></li>
<li><a href="#" title="#">Уроки </a></li>
<li><a href="#" title="#">Задания</a></li>
<li><a href="#" title="#">Уроки </a></li>
<li><a href="#" title="#">Статьи </a></li>
<li><a href="#" title="#">Задания</a></li>
</ul>
</div>
<div class="links">
<ul>
<li><a href="#" title="#"><img src="images/live_inet.jpg" alt=""/></a></li>
<li><a href="#" title="#"><img src="images/live_inet2.jpg" alt=""/></a></li>
</ul>
</div>
</div>
<div class="bl_foot2">
<div class="copy">© Наш рисунок, 2012</div>
<div class="info_complem">
<ul>
<li><a href="#" title="#">Соглашения</a></li>
<li><a href="#" title="#">Правила</a></li>
<li><a href="#" title="#">Статистика</a></li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>