Набросал футер. Не нравится множество минусовых TOP в css. Видимо absolute не надо использовать. А как тогда?
Если кому не сложно поправьте пожалуйста, а лучше сделать чтобы влезало на страницу в менее 1000 пикселей и не растягивалось бесконечно больше, чем 1400 пикселей.
Перенес код в кодепен - почему то столбики получились на разных уровнях.
Код по ссылке
https://codepen.io/anon/pen/QMRQro<style>
#footermenubottom
{
background:#141d37;height:220px;width:100%;
}
.footermenubottomlogo
{
position: relative;
top: 46px;
left: 112px;
height:61px;width:124px;
background: url(/upload/logofooter30.png);
}
.footermenubottomst2
{
position: relative;
top:-162px;
left: 545px;
}
#navbarus2 {
margin: 0;
padding: 0;
list-style-type: none;
width: 180px;
}
#navbarus2 li {
}
#navbarus2 a {
color: #fff;
padding: 5px;
text-decoration: none;
display: block;
font-family: P26;
font-size: 14px;
}
.footermenubottomst1
{
position: relative;
top:-22px;
left: 323px;
}
#navbarus {
margin: 0;
padding: 0;
list-style-type: none;
width: 180px;
}
#navbarus li {
}
#navbarus a {
color: #fff;
padding: 5px;
text-decoration: none;
display: block;
font-family: P26;
font-size: 14px;
}
.footermenubottomst3
{
position: relative;
top:-302px;
left: 783px;
}
#navbarus3 {
margin: 0;
padding: 0;
list-style-type: none;
width: 180px;
}
#navbarus3 li {
}
#navbarus3 a {
color: #fff;
padding: 5px;
text-decoration: none;
display: block;
font-family: P26;
font-size: 14px;
}
.footermenubottomsocial
{
position: relative;
top:-402px;
left: 1020px;
text-decoration: none;
display: block;
font-family: P26;
font-size: 14px;
}
.footermenubottomsocial2
{
position: relative;
top:-392px;
left: 1020px;
}
</style>
<div id="footermenubottom">
<div class="footermenubottomlogo"></div>
<div class="footermenubottomst1">
<ul id="navbarus">
<li><a href="#">Меню</a></li>
<li><a href="#">Меню</a></li>
<li><a href="#">Меню</a></li>
<li><a href="#">Меню</a></li>
<li><a href="#">Меню</a></li>
</ul>
</div>
<div class="footermenubottomst2">
<ul id="navbarus2">
<li><a href="#">Меню</a></li>
<li><a href="#">Меню</a></li>
<li><a href="#">Меню</a></li>
<li><a href="#">Меню</a></li>
<li><a href="#">Меню</a></li>
</ul>
</div>
<div class="footermenubottomst3">
<ul id="navbarus3">
<li><a href="#">Контакты</a></li>
<li><a href="#"><span style="color:#8d8f95">Телефон</span></a></li>
<li><a href="#">+7 (495) 999 99 99</a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</div>
<div class="footermenubottomsocial">
<span style="color:#8d8f95">Мы в соцсетях</span>
</div>
<div class="footermenubottomsocial2">
<a href="/"><img src="/upload/facebook30.png"></a>
<a href="/"><img src="/upload/vlontakte30.png"></a>
<a href="/"><img src="/upload/insta30.png"></a>
</div>
</div>
Простой
Средний
