0

Добрый день, пробую себя в верстке сайта, для себя. Ковыряю чужой шаблон.Вставил код кнопок социальных но не могу прижать их к левому углу.

Вот css кнопок:

ul.spicesocial {
  float: right;
}
ul.spicesocial li {
  float: left;
  list-style: none outside none;
  border: none;
}
ul.spicesocial li a {
  background-color: rgba(0, 0, 0, 0);
  background-image: url('http://zarobitok.ru/wp-content/uploads/2014/03/social.png');
  background-size: auto 96px;
  border: 0 none;
  color: #FFF;
  direction: ltr;
  display: block;
  padding: 0 !important;
  height: 32px !important;
  overflow: hidden;
  text-align: left;
  text-decoration: none;
  text-indent: -999em;
  transition: all 0.2s ease 0s;
  width: 32px;
}
<div class="col-sm-6 hidden-xs">
  <ul CLASS="spicesocial">
    <li CLASS="facebook">
      <a rel="nofollow" href="https://www.facebook.com/Masterskaya55-512373092185795/" target="_blank" title="facebook">
      </a>
    </li>
    <li CLASS="googleplus">
      <a rel="nofollow" href=" Прописываем свою ссылку на plus.google.com" target="_blank" title="googleplus">
      </a>
    </li>
    <li CLASS="twitter">
      <a rel="nofollow" href="Прописываем свою ссылку на twitter.com" target="_blank" title="twitter">
      </a>
    </li>
    <li CLASS="rss">
      <a rel="nofollow" href="Прописываем свою ссылку на Rss" target="_blank" title="rss">
      </a>
    </li>
  </ul>
</div>

Я вообще думал что нужно двигать его в CSS и значение в самом шаблоне.


может так будет понятнее вот сайт

2
  • float: right удалите
    – soledar10
    12 апр 2016 в 8:20
  • Чтобы редактировать вопрос, используйте кнопку править. Публиковать дополнения в ответах не стоит.
    – Nick Volynkin
    12 апр 2016 в 9:02

4 ответа 4

1

Попробуй из CSS убрать

float: right;

а в сам див написать так:

<div class="col-sm-6 hidden-xs" align="left">
4
  • Намертво в той же позиции остался. Может вам дать сам CSS div classа 12 апр 2016 в 8:45
  • давай, или ссылку на сайт если есть
    – raketa
    12 апр 2016 в 8:49
  • masterskaya55.ru 12 апр 2016 в 8:50
  • Там если посмотреть, то и "валюта, язык, авторизация" тоже float left, но по факту они по правому краю, нужно наверно копать в области самого top-line(шапки где твои иконки)
    – raketa
    12 апр 2016 в 8:54
1

введите сюда описание изображения Вот так у меня получилось с

ul.spicesocial {   
float: left;   
padding: 0;   
}
1
  • Спасибо вам огромное !!! Все получилось !!!!! Всем кто участвовал в моем вопросе, огромное вам человеческое СПАСИБО! 12 апр 2016 в 18:40
0
ul.spicesocial {
  float: left;
}
1
  • Я уже пробовал, по этому обратился сюда ) Как была, так и осталась. Даже не сдвинулась ( 12 апр 2016 в 8:13
-1

Поробуйте так

ul.spicesocial {  
  float: left;  
}  
ul.spicesocial li {  
  display:inline-block;  
  list-style: none outside none;  
  border: none;  
} 
2

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.