Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   a:hover в меню (https://javascript.ru/forum/xhtml-html-css/45700-hover-v-menyu.html)

ureech 12.03.2014 17:07

a:hover в меню
 
Здравствуйте. Стандартное горизонтальное меню. <div><ul><li></li></ul></div>. Не могу сделать, что бы a:hover не сдвигала соседние <li>. Подскажите, что прописать? Что знаю всё перепробовал. И margin и padding и в position:absolute и в float:; всё равно при наведении сдвигаются соседние пункты на пиксель.два. border нет ни у ul ни у li ни у <a>.

рони 12.03.2014 17:19

ureech,
а где <a> в вашем коде и зачем <div> и где макет с css?

ureech 12.03.2014 17:46

Меню формируется динамически, сто бы присвоить класс меню без <div> придётся лезть в движок.
<div><ul><li><a></a></li></ul></div>
/****MainMenu***********/

#topmenu{
    width:auto;
    clear: both;
     height:30px;
       float:left;
}

#topmenu ul{
 list-style:none;
  margin-left:10px;
   padding:0; 
   }

#topmenu li{
    list-style:none;
    margin-top:-15px;
    padding:0;
    height:30px;
    display:inline-block;
}

#topmenu  li a:hover, #topmenu li.active a,
#topmenu li a.hover{
   color: #CD661D;
    text-shadow:0 1px 0px #000 !important;
    font-size:20px;
}

#topmenu  li a{
    padding:0px 5px;
    color:#fff;
    height:30px;
    line-height:30px;
    display:inline-block;
	font-family:newbasker,Georgia;
	font-size:19px;
	 text-shadow:0 1px 0px #778899;
	 text-decoration:none;
}

#topmenu ul li ul {
    display:none;
    position: absolute;
    top: 115px;
	width: 200px;
	background: #E9E9E9;
	color: #000;
    padding:0px;
    z-index:1000;
    box-shadow:1px 1px 3px #000;
    -moz-box-shadow:1px 1px 3px #000;
    }

ureech 12.03.2014 18:01

Всё, нашёл ошибку. Проглядел размер a: разный. Спасибо за участие.


Часовой пояс GMT +3, время: 06:06.