padding проблемы

robo1500 · April 28, 2013

у меня есть проблемы в вёрстке. вот код:<style>

.topics {

float: left;

height: 150px;

border: 1px solid red;

}

.topics b {

padding-top: 15px;

}

</style>

</head>

<body>

<b>Вещи от пользователей</b>

</div>

</body>

">

<style>

.topics {

float: left;

height: 150px;

border: 1px solid red;

}

.topics b {

padding-top: 15px;

}

</style>

</head>

<body>

<b>Вещи от пользователей</b>

</div>

</body>

на htmlbоok.ru

и вопрос: почему padding-top не делает отступ сверху? можно как-то решить эту проблему не задавая лишний раз всяким штукам классы и т. п.

Daiver · April 28, 2013

Если мне не изменяет память, то padding применяется к блочным элементам, а тег <b> это строчный элемент.

robo1500 · April 28, 2013

Если мне не изменяет память, то padding применяется к блочным элементам, а тег <b> это строчный элемент.

padding налево и направо работает, а вот с отступами сверху и снизу проблемы

Daiver · April 28, 2013

Если мне не изменяет память, то padding применяется к блочным элементам, а тег <b> это строчный элемент.
padding налево и направо работает, а вот с отступами сверху и снизу проблемы

Правильно. Строчные элементы не сдвигаются по вертикали какой бы паддинг им не поставили. Они всегда остаются в строке. И их паддингом можно только влево или вправо двигать.

А к блочным элементам паддинг применяется по всем 4 направлениям.

Можно его применить к <div> и тогда все будет сдвигаться.

А тег <b> вообще является тегом для оформления жирности текста, так что к нему стили не применимы.

Можно использовать к примеру <span style="display:block; font-weight: bold; padding-top: 15px;"> вместо <b>

robo1500 · April 28, 2013

Если мне не изменяет память, то padding применяется к блочным элементам, а тег <b> это строчный элемент.
padding налево и направо работает, а вот с отступами сверху и снизу проблемы
Правильно. Строчные элементы не сдвигаются по вертикали какой бы паддинг им не поставили. Они всегда остаются в строке. И их паддингом можно только влево или вправо двигать.
А к блочным элементам паддинг применяется по всем 4 направлениям.
Можно его применить к <div> и тогда все будет сдвигаться.
А тег <b> вообще является тегом для оформления жирности текста, так что к нему стили не применимы.
Можно использовать к примеру <span style="display:block; font-weight: bold; padding-top: 15px;"> вместо <b>

спасибо что помог. Эх хотел меньше кода, а получилось как всегда...

mrnobody · April 29, 2013

Помогла

Edited April 29, 2013 by mrnobody

Daiver · April 29, 2013

Помогла

это уже мелочи.

EDIsaev · April 29, 2013

или так например, если меньше кода )


.topics div {
  padding-top: 15px;
  font-weight: bold;
}
...
<div class="topics">
<div>Вещи от пользователей</div>
<p>2654 вещи</p>
</div>

Edited April 29, 2013 by EDIsaev

robo1500 · April 29, 2013

Помогла

это уже мелочи.

Точно. Прошу меня простить.

Sign In

padding проблемы

Question

robo1500

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

Daiver

Link to comment

Share on other sites

robo1500

Link to comment

Share on other sites

Daiver

Link to comment

Share on other sites

robo1500

Link to comment

Share on other sites

mrnobody

Link to comment

Share on other sites

Daiver

Link to comment

Share on other sites

EDIsaev

Link to comment

Share on other sites

robo1500

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information