0

Как убрать пустое место после фото?

<img title="Фотографія" src="http://placekitten.com/600/200" />
<div id="about_box">
   <h1 id="title">Текст</h1>
</div>

и

h1 {
    margin: 0;
}

Пример.

1
  • Непонятно.
    – ReinRaus
    5 мая 2012 в 9:40

3 ответа 3

1

дело в том, что браузер автоматически ставит перенос строки перед и после div

помогают свойства padding и margin

0
<img title="Фотографія" src="http://placekitten.com/600/200" />
<div id="about_box" style="position:relative;top:-6px;">
   <h1 id="title">Текст</h1>
</div>

<img title="Фотографія" src="http://placekitten.com/600/200" / style="position absolute;top: 0px;left: 0px;">
<div id="about_box" style="position:absolute;top:200px;left:0px;">
   <h1 id="title">Текст</h1>
</div>

<img title="Фотографія" src="http://placekitten.com/600/200"/>
<div id="about_box">
   <h1 id="title">Текст</h1>
</div>
<style>
*{
margin:0px;
padding: 0px;
}
</style>
6
  • Это единственный способ? 5 мая 2012 в 9:44
  • нет но просто кросбраузерный этот а есть меого других способов: использовать margin padding для изображения или абсолютно позиционировать все элементы и т.д таких способов много
    – Rules
    5 мая 2012 в 9:47
  • Можно увидеть примеры других способов? 5 мая 2012 в 9:49
  • Вот с вас хватит остальное учите сами!
    – Rules
    5 мая 2012 в 9:54
  • Мне бы последний вариант подошел....но он не работает 5 мая 2012 в 10:15
-1

чтоб убрать перевод строки:

style="display: inline"

Ваш ответ

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

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