Социальные кнопки

ЕСТЬ РЕШЕНИЕ ЗАКРЫТО

#1 9 ноября 2014 в 11:44

Добрый день, сообщество!

Нужен совет что ни так в коде и почему ломается структура соседних модулей в футере?
Кнопки выводятся нормально, изменяются при наведениии, но почему то при исследовании обнаруживаю повтор кода и разваливается соседний модуль в футере.

Код в шаблоне:

<div id="social_accounts">
<p align="center">
<b>
<a target="_blank" href="http://sait.me/redirect?url=https://twitter.com/1" class="twitt" />
<a target="_blank" href="http://sait..me/redirect?url=http://2" class="livgornal" />
<a target="_blank" href="http://sait..me/redirect?url=https://3" class="googlplus" /></b></p></div>

Код в стилях

 
/************************ Cоциальные кнопки в футере *************************/
#social_accounts a.twitt:hover  {
background: url(../images/footer.share.png) 0px 100% no-repeat transparent;
}
#social_accounts a {
display: inline-block;
height: 22px;
margin-right: 2px;
width: 22px;
}
#social_accounts a.twitt {
background: url(../images/footer.share.png) 0px 0% no-repeat transparent;
}
#social_accounts a.livgornal:hover  {
background: url(../images/footer.share.png) -53px 100% no-repeat transparent;
}
#social_accounts a.livgornal {
background: url(../images/footer.share.png) -53px 0% no-repeat transparent;
}
#social_accounts a.googlplus:hover {
background: url(../images/footer.share.png) -81px 100% no-repeat transparent;
}
#social_accounts a.googlplus {
background: url(../images/footer.share.png) -81px 0% no-repeat transparent;

#2 9 ноября 2014 в 12:48

В этом коде, не может быть ничего. А эти три ссылки куда ведут? Если к скриптам, то не мудрено, что всё разваливается. Кнопки с одного сервиса не всегда становятся, а здесь с двух или с трёх.

#3 9 ноября 2014 в 16:40

В этом коде, не может быть ничего. А эти три ссылки куда ведут? Если к скриптам, то не мудрено, что всё разваливается. Кнопки с одного сервиса не всегда становятся, а здесь с двух или с трёх.

Lora

Три ссылки вверху указаны для примера и никуда не ведут)

Сегодня в 15:22

#4 9 ноября 2014 в 18:33

А ссылки у вас так же не закрыты?

Чем меньше знаешь - тем Больше тупой. OneMinima шаблон ICMS2

#5 9 ноября 2014 в 18:45

А ссылки у вас так же не закрыты?

Gorec

Закрыты работом Disallow: /go/, но лучше rel='nofollow'

Но не об этом речь...
Что не так в коде?

#6 9 ноября 2014 в 21:14

Закрыты работом Disallow: /go/, но лучше rel='nofollow'
Maikl

я не про это, тег a должен быть всегда закрыт <a href="#"></a>, у вас в примере нет закрывающего </a>. Вследствие чего браузере могут быть некоторые косяки.

Чем меньше знаешь - тем Больше тупой. OneMinima шаблон ICMS2

#7 9 ноября 2014 в 21:21

Закрыты работом Disallow: /go/, но лучше rel='nofollow'
Maikl
я не про это, тег a должен быть всегда закрыт , у вас в примере нет закрывающего . Вследствие чего браузере могут быть некоторые косяки.

Gorec

Спасибо, Gorec, ты настоящий друг!!
А то я сам смотрю в книгу и вижу...., ну не заметил я… не заметил hoho