VPF::отсуп под картинкой - откуда? - Форум программистов

hawkins

Дата 5.2.2007, 08:50 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 148
Регистрация: 8.9.2003

Репутация: нет
Всего: нет

Обьясните такую вещь: почему при вставке картинок jpg тегом
IMG внизу всегда остается пространство в несколько пикселей.
Все параметры связанные с границами и отступами обнулил.
Помогает только усановка в родительском диве overflow:hidden.

Всегда добовляется какой-то отступ внизу картинок ?

AzuManga

Дата 5.2.2007, 10:21 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 168
Регистрация: 12.5.2005

Репутация: нет
Всего: нет

Не всегда, код хтмл и цсс в студию!

--------------------

Точка с запятой;

japanes

Дата 5.2.2007, 12:42 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 176
Регистрация: 20.1.2007

Репутация: 7
Всего: 7

напиши стиля для рисунков

Код


<style>
img
{
margin:0;
border:0;
}
</style>

SelenIT

Дата 5.2.2007, 14:53 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401

Подробности по теме здесь (англ.)

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

dm9

Дата 5.2.2007, 20:52 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

hawkins, если не сработает всё, что перечислили выше, то можно попробовать font-size: 1px для контейнера, в котором живёт картинка.

Str!pe

Дата 6.2.2007, 09:48 (ссылка)

(нет голосов)

Загрузка ...

профиль удален

Профиль
Группа: Участник
Сообщений: 2426
Регистрация: 12.6.2005
Где: На земле.

Репутация: 3
Всего: 152

Цитата(hawkins @ 5.2.2007, 08:50

)

Всегда добовляется какой-то отступ внизу картинок ?

Вопервых версия HTml какая? л вторых попробуй поставить после картинки тег <br>.

--------------------

Со мной можно связаться по скайпу или по аське.
Занимаюсь продвижением сайтов - самой таргетированной рекламой.

hawkins

Дата 6.2.2007, 12:24 (ссылка)

(нет голосов)

Загрузка ...

Шустрый

Профиль
Группа: Участник
Сообщений: 148
Регистрация: 8.9.2003

Репутация: нет
Всего: нет

Все, спасибо. Посмотрел по ссылке от SelenIt , в общем-то понятно стало в чем дело. Саму проблему я уже решил установкой overflow:hidden в родительском диве, в документе по ссылке еще есть способ через установку img { display: block } - то же помогает.
А в упрощенном виде код такой :

Код


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Trinz</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
<style type="text/css">
body { padding: 0px;
       margin: 0px; 
       width: 851px }
       
body { background: #ffffff; 
       font-size: 8pt; 
       color: #000000; 
       font-family: Tahoma,Arial,Verdana,San-Seriff }
   
// div { overflow: hidden }
      
div { padding: 0px;
      margin: 0px;
      border-width: 0px }      
      
img { border-width: 0px; display: block }

</style>
</head>
<body>

 <div style="width: 851px; height: 106px">
  <img src="image1.files/title.jpg" width="851" height="106">
 </div>
 
  <div style="width: 851px; height: 106px">
  <img src="image2.files/title.jpg" width="851" height="106">
 </div>

</body>
</html>

если убрать display: block то между картинок появится полоса.

SelenIT

Дата 6.2.2007, 12:31 (ссылка)

(нет голосов)

Загрузка ...

баг форума

Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401

Еще должно помогать vertical-align: top (или bottom, главное чтобы не baseline). Проблема в том, что IMG по стандарту - инлайновый (по сути текстовый) элемент, и его нижняя граница по умолчанию выравнивается как раз по базовой линии текста.

--------------------

Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »