Форум Сайтостроение Веб-строительство

Проблема с display: inline-block

J
На сайте с 20.05.2011
Offline
91
johndig
457

Всем привет!

Я решил добавить ссылки на соц страницы внизу на сайте: 

<ul class="footer__payment">

			<li class="footer__payment__vkontakte"><a href="https://vk.com/indiamed"><img src="./pics/vk.png" alt="Вконтакте Индиямед"></a></li>

			<li class="footer__payment__twitter"><a href="https://twitter.com/indiamed"><img src="./pics/tw.png" alt="Твиттер Индиямед"></a></li>

		</ul>

Но почему то ссылки не кликабельны :confused:

Мне кажеться проблема в 

.footer__payment li {

				display: inline-block;

				margin-left: 0px;

Если убрать display: inline-block; то иконки располагаются вертикально, а надо горизонтально...

Как сделать ссылки кликабельными?

Всем спасибо за ответы и помощь.

Z0
На сайте с 03.09.2009
Offline
759
ziliboba0213
#1

у .footer__payment

добавьте z-index: 2;


.footer__payment {
position: absolute;
top: 64px;
left: 50%;
margin-left: -200px;
width: 400px;
text-align: center;
z-index: 2;
}
J
На сайте с 20.05.2011
Offline
91
johndig
#2
ziliboba0213:
у .footer__payment
добавьте z-index: 2; 


.footer__payment {

position: absolute;

top: 64px;

left: 50%;

margin-left: -200px;

width: 400px;

text-align: center;

z-index: 2;

}

Помогло. Спасибо!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий