Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Стили (CSS) Меню по сайту сдвинулось в лево. Как его можно выровнить?

Меню по сайту сдвинулось в лево. Как его можно выровнить?


     29.06.2015    Стили (CSS)    835

вопрос
На главной странице всё нормально, а при переходе на полную новость все уезжает.

Ответа пока нет


Комментарии пользователей (5)

Serik
4

408 | 191

Serik - 29 июня 2015 06:21 - Местный

Ищите косяк в коде полной новости - ведущие телепаты сайта ушли на летние каникулы...

СПАСИБО надо тыкать в кнопку!

diman5508
6

diman5508 - 29 июня 2015 08:59 - Юзер

а где именно?

diman5508
6

diman5508 - 29 июня 2015 09:25 - Юзер

когда нажимаю просматреть код элемента и разширяю его то и меню движется.

diman5508
6

diman5508 - 29 июня 2015 10:08 - Юзер

вот мой сайт

http://mir73.ru

diman5508
6

diman5508 - 29 июня 2015 11:36 - Юзер

css

/* Left Sidebar
-----------------------------------------------------------------------------*/
.left-sidebar {
float: left;
width: 235px;
margin-left: -100%;
position: relative;
}
.nav-title {
float: left;
background-color: #444953;
display: block;
height: 31px;
width: 193px;
padding: 14px 0 0 22px;
-webkit-border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
border-radius: 5px 5px 0 0;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
}
.nav-icon {
background-image: url(../images/nav-icon.png);
background-repeat: no-repeat;
background-position: 185px 16px;
}
ul.left-menu {
float: left;
list-style-type: none;
margin: 0px;
background-color: #11151d;
display: block;
width: 214px;
padding: 5px 0 5px 0;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
}
ul.left-menu li {
float: left;
border-bottom: 1px solid #171a1e;
}
ul.left-menu li:last-child {
border-bottom: 0px;
}
ul.left-menu li a {
float: left;
padding: 4px 15px 4px 15px;
font-size: 16px;
color: #FFF;
text-decoration: none;
width: 184px;
line-height: 18px;
text-transform: uppercase;
font-weight: bold;
}
ul.left-menu li a:hover {
background-color: #369316;
border-left: 5px solid #0C0;
padding: 4px 15px 4px 10px;
}
ul.left-menu li a:hover span {
color: #abde2e;
}
ul.left-menu li span {
color: #555861;
}
ul.left-menu-cat {
float: left;
list-style-type: none;
margin: 15px 0 0 0;
background-color: #444953;
display: block;
width: 214px;
padding: 5px 0 5px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
ul.left-menu-cat li {
float: left;
border-bottom: 1px solid #333841;
}
ul.left-menu-cat li:last-child {
border-bottom: 0px;
}
ul.left-menu-cat li a {
float: left;
padding: 4px 15px 4px 15px;
font-size: 14px;
color: #FFF;
text-decoration: none;
width: 184px;
line-height: 18px;
font-weight: bold;
}
ul.left-menu-cat li a:hover {
background-color: #11151d;
border-left: 5px solid #2aa1d3;
padding: 4px 15px 4px 10px;
}
ul.left-menu-cat li a:hover span {
color: #444953;
}
ul.left-menu-cat li span {
color: #23252b;
}

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы