Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/13: Рейтинг темы: голосов - 13, средняя оценка - 5.00
Teno
0 / 0 / 0
Регистрация: 18.12.2014
Сообщений: 4
1

Как уменьшить расстояние Между блоками?

18.12.2014, 01:51. Просмотров 2542. Ответов 1
Метки нет (Все метки)

Добрый вечер.
Как начинающий верстальщик,хочу обратиться к умным людям.
Помогите убрать расстояние,начиная с 4 блока.
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<html>
<head>
<link rel="stylesheet" type="text/css" href="css/Fon.css">
<link rel="stylesheet" type="text/css" href="css/Sk.css">
 
</head>
<body>
<div class="block1">— .</div>
<div class="block2">— .</div>
<div class="block3">— .</div>
<div class="block4">.</div>
<div class="block5">—.</div>
<div class="block6">— .</div>
</body>
</html>
 
body{
background:#000 url(../img/8.png) no-repeat;
background-size:100%;
}
css
CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
.block1, .block2, .block3, .block4, .block5, .block6
{
    float: left;
margin-top:33%;
margin-left:1%;
Width:20%;
height:20%;
font-size:200%;
    Border:solid;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
opacity: 0.7;
overflow: hidden;
}
.block1:hover{
    border-width:5px;
    border-color:#3FF
   }
 .block2:hover{
     border-width:5px;
    border-color:#3FF
   }  
 .block3:hover{
     border-width:5px;
    border-color:#3FF
   }
0
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
18.12.2014, 01:51
Ответы с готовыми решениями:

Как уменьшить горизонтальные отступы между блоками?
Подскажите, плиз, как уменьшить горизонтальные отступы между этими блоками? Вот сайт:...

Как сделать расстояние между блоками горизонтально
Простите за глупый вопрос Мне нужно сделать футер Есть первый блок Когда вставляю второй то он...

Как задать расстояние между блоками по вертикали?
1) Margin только от родительского блока отступает, а мне между соседними надо 2) Padding только...

Как уменьшить расстояние между подпунктами в выпадающем меню?
Здравствуйте. Имеется выпадающее меню, но расстояние между элементами подпунктов слишком большие,...

Как уменьшить расстояние между картинками? Padding не работает
HTML &lt;p class=&quot;thumb&quot; id=&quot;kek&quot;&gt; &lt;a href=&quot;mejkom_dveri.html&quot;&gt;&lt;img...

1
Dimento
11 / 11 / 6
Регистрация: 15.10.2014
Сообщений: 64
18.12.2014, 06:26 2
в css уберите из этой строчки
CSS
1
.block1, .block2, .block3, .block4, .block5, .block6
block 4, 5, 6 и отдельно задайте свои значения расстояний
например
CSS
1
2
3
4
5
6
.block4, .block5, .block6 
{
margin-top: 0px;
padding:0px;
border-radius: 0px;
}
Смотря что за расстояния вам нужно изменить.
1
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
18.12.2014, 06:26

Расстояние между блоками по вертикали
Имеются блоки: &quot;ab&quot;,&quot;cd&quot; и &quot;ef&quot;: http://jsfiddle.net/SY4Lm/22/ Задача: задать расстояние между...

Задать расстояние между div блоками
Всем привет, помогите сделать конструкцию как на картинке. Нужно чтобы между красными блоками...

уменьшить расстояние между h1 и таблицей!
в ие9 например это расстояние становится просто критичным!!!!!! смотреть рисунок!!! как его...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2019, vBulletin Solutions, Inc.
Рейтинг@Mail.ru