Ответить на тему  [ Сообщений: 3 ] 
Как исправить "выпирание" кнопок из блока? 
Автор Сообщение
Новичок

Зарегистрирован: 23 янв 2015, 15:57
Сообщений: 43
Пол: мужской
Репутация: 0
Добавить пункт репутацииВычесть пункт репутации
Сообщение Как исправить "выпирание" кнопок из блока?
Код:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>поз-ние</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="share">
<b>Соцсети</b>
<ul>
<li><a class="social social-vk" href="http://о-вконтакте.рф/"></a></li>
<li><a class="social social-fb" href="https://ru.wikipedia.org/wiki/Facebook"></a></li>
<li><a class="social social-tw" href="http://landorn.ru/soc-seti/vse-o-tvittere-sozdanie-raskrutka-i-monetizaciya-akkaunta-v-twitter.html"></a></li>
</ul>
</div>
</body>
</html>



Код:
body{
background:black;
font-family:"PT-Sans", sans-serif;
font-size:14px;
padding:0;
margin:0;
}

.share{
width:90px;
height:280px;
border:1px solid white;
margin:0 auto;
margin-bottom:25px;
padding-left:10px;
background:blue;
}

.share b{
margin-right:15px;
color:white;
font-weight:normal;
text-transform:uppercase;
}

.social {
display:inline-block;
border:1px solid white;
width:50px;
height:40px;
margin-left:10px;
vertical-align:top;
}

.social-vk{
background-image:url("http://www.imageup.ru/img273/2175580/k.jpg");
background-repeat:no-repeat;
background-position: 0 0;
}

.social-fb{
background-image:url("http://www.imageup.ru/img273/2175583/f.png");
background-repeat:no-repeat;
background-position:-40px 0;
}

.social-tw{
background-image:url("http://www.imageup.ru/img273/2175585/t.jpg");
background-repeat:no-repeat;
background-position: -80px 0;
}


https://yadi.sk/d/ZaPUU_2ehnj7Q


10 июл 2015, 16:09
Профиль Отправить личное сообщение
Опытный

Зарегистрирован: 03 июн 2014, 15:36
Сообщений: 410
Пол: мужской
Репутация: 512
Добавить пункт репутацииВычесть пункт репутации
Сообщение Re: Как исправить "выпирание" кнопок из блока?
Ну, например, можно так
ul {padding: 0}
А ещё может потребоваться убрать маркёры


10 июл 2015, 17:41
Профиль Отправить личное сообщение
Новичок

Зарегистрирован: 23 янв 2015, 15:57
Сообщений: 43
Пол: мужской
Репутация: 0
Добавить пункт репутацииВычесть пункт репутации
Сообщение Re: Как исправить "выпирание" кнопок из блока?
Цитата:
Ну, например, можно так
ul {padding: 0}
А ещё может потребоваться убрать маркёры

ага спасбо
если
Код:
ul {
padding:0;
list-style:none;
}



в варианте
Код:
body{
background:black;
font-family:"PT-Sans", sans-serif;
font-size:14px;
padding:0;
margin:0;
}

.share{
width:90px;
height:280px;
border:1px solid white;
margin:25px 25px 25px 0;
padding-left:10px;
padding-top:20px;
background:blue;
}

.share b{
margin-right:15px;
color:white;
font-weight:normal;
text-transform:uppercase;
}

.social {
display:inline-block;
border:1px solid white;
width:50px;
height:40px;
margin-left:10px;
margin-top:20px;
vertical-align:top;
}

ul {
padding:0;
list-style:none;
}

.social-vk{
background-image:url("http://www.imageup.ru/img273/2175580/k.jpg");
background-repeat:no-repeat;
background-position: 0 0;
}

.social-fb{
background-image:url("http://www.imageup.ru/img273/2175583/f.png");
background-repeat:no-repeat;
background-position:0 0;
}

.social-tw{
background-image:url("http://www.imageup.ru/img273/2175585/t.jpg");
background-repeat:no-repeat;
background-position:0 0;
}





то
https://yadi.sk/i/29ScnOJHhpBKE

почти то что надо


а скажите вообще принято размещать
панель с соцкнолпками под блоком меню?


12 июл 2015, 13:29
Профиль Отправить личное сообщение
Показать сообщения за:  Сортировать по:  
Ответить на тему   [ Сообщений: 3 ] 
   Похожие темы   Автор   Ответов   Просмотров   Последнее сообщение 
Нет новых непрочитанных сообщений в этой теме Темизация блока поиска и юзер логин(drupal)

в форуме УРОКИ ПОСЕТИТЕЛЕЙ

redfield

0

4644

19 ноя 2011, 18:46

redfield Перейти к последнему сообщению

Нет новых непрочитанных сообщений в этой теме покажите живой пример блока контекстной рекламы

в форуме КОНТЕКСТНАЯ РЕКЛАМА

Максим

3

1768

09 мар 2009, 00:39

Андрей Галямов Перейти к последнему сообщению

Нет новых непрочитанных сообщений в этой теме Смещается левое меню при отображении блока категорий

в форуме CSS И ВЕРСТКА

Tikiro

3

2192

06 янв 2012, 19:59

Tikiro Перейти к последнему сообщению

Нет новых непрочитанных сообщений в этой теме Background на меню растянуть на всю ширину блока

в форуме CSS И ВЕРСТКА

SOS

3

1092

15 сен 2013, 11:30

SOS Перейти к последнему сообщению

Нет новых непрочитанных сообщений в этой теме Готовое решение - кнопка скрытия блока.

в форуме Drupal 6

popadopolo

9

1212

22 мар 2012, 09:52

popadopolo Перейти к последнему сообщению


Кто сейчас на форуме

Сейчас этот форум просматривают: нет зарегистрированных пользователей и гости: 1


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

Перейти: