[Помогите] Социальный div под логотипом (проблема верстки)

Тема в разделе "OpenCart", создана пользователем xoff, 8 окт 2013.

  1. xoff

    xoff

    Регистрация:
    2 сен 2013
    Сообщения:
    72
    Симпатии:
    13
    Ссылка на рабочий пример своей убогой верстки: http://jsfiddle.net/SpPS6/
    Как это выглядит на сайте: http://stv-sb.ru/

    Помогите выпрямить все это дело что бы было нормально а то картинки друг от друга находятся далеко, в ie отображается вообще не так, ну на ie не так критично, но хотя бы что бы если при добавлении новых пунктов нормально все было... а jsfiddle отображает вообще не так как на сайте хотя структура та же...
     
  2. SmileOk

    SmileOk

    Регистрация:
    29 янв 2013
    Сообщения:
    84
    Симпатии:
    27
    Всё очень просто
    Код:
    <div id="social">
        
             <i>S</i>tv в социальных сетях:
      
        
                <a href="http://vk.com/stvsb" target="_blank"  title="STV Вконтакте!" alt="STV Вконтакте!"/><img style="margin-bottom: -5px" src="http://www.stv-sb.ru/image/cache/data/ob-odnom-nedostatke-VK-API-vsluh-70x70.png"  width="40px" height="40px"></a>
          
            <a href="http://www.odnoklassniki.ru/group/54623063572505" target="_blank"  title="STV В одноклассниках!"  alt="STV В одноклассниках!"><img  src="http://www.ferra.ru/images/343/343603.png" width="30px" height="30px"></a>
            
    </div>
    
    Код:
    #social {
        position: relative;
      тут с помощью margin задайте положение блока в шапке
    
      
    }
    выглядит это так http://jsfiddle.net/SpPS6/23/
    Дело в том что у Вас иконка Вконтакте имеет белую рамку и из-за этого происходит сдвиг, соответственно или замените иконку и уберите в коде margin-bottom: -5px) или же используйте как есть.
     
    xoff нравится это.
  3. xoff

    xoff

    Регистрация:
    2 сен 2013
    Сообщения:
    72
    Симпатии:
    13
    От души) лови лайк) спасибо за правильное направление!