тут хочу написать небольшой шаблон, и боюсь что у меня невалидный, некачаственный код. Валидатор говорит что всё норм, но есть несколько предупреждений.
Вот код
-----------------------------------------------------------------------------------------------------------------------------------------------
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body{
font-family: sans-serif, Arial;
font-size: 1pc;
background-color: #333;
}
*{
margin: 0px;
padding: 0px;
font-weight: 1000;
transition: all .1s;
-webkit-transition: all .2s;
-moz-transition: all .1s;
-o-transition: all .1s;
}
li{
list-style: none;
}
#header{
background-color: #fff;
width: 100%;
height: 70px;
line-height: 41px;
border-bottom: 1px solid #eee;
}
a{
color: #808080;
text-decoration: none;
font-size: 15px;
background-color: #fff;
border-bottom: 2px solid transparent;
margin: 10px;
float: left;
padding-bottom: 17px;
}
a:hover{
color: #333;
border-bottom: 2px solid #06f;
}
.expert,
.expert-bottom{
border: 1px solid #eee;
width: 130px;
clear: left;
padding: 10px;
border-bottom: none;
margin: 0px;
}
.expert-bottom{border-bottom: 1px solid #eee;}
.expert:hover,
.expert-bottom:hover{
background-color: #eee;
border-bottom: none;
}
#experts-div{
width: 152px;
height: 70px;
float: left;
overflow: hidden;
}
#experts-div:hover{
height: 326px;
}
.contacts{
margin-left: -70px;
}
#top-menu{
width: 500px;
height: 70px;
float: right;
}
</style>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
<div id="header">
<ul id="top-menu">
<li><a href="#">portfolio</a></li>
<li><a href="#">services</a></li>
<li>
<ul>
<div id="experts-div">
<li><a href="#" class="expert-link">experts</a>
<li><a href="#" class="expert">designers</a></li>
<li><a href="#" class="expert">programmers</a></li>
<li><a href="#" class="expert">ceo</a></li>
<li><a href="#" class="expert-bottom">managers</a></li>
</div>
</ul>
</li>
<li><a href="#" class="contacts">contacts</a></li>
</ul><!--top menu-->
</div>
</body>
</html>
-------------------------------------------------------------------------------------------------------------------------------------------
Спасибо!
Примечание:
вот предупреждения
Meta Lacks "content" Attribute (At line 76, column 1)
Missing <li> (At line 86, column 11)
Missing </div> Before <li> (At line 87, column 11)
Inserting Implicit <ul> (At line 87, column 11)
Missing </ul> Before </div> (At line 92, column 7)
с чем они связаны понятия не имею
RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.
Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.
Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.