0 отступы на изображениях - PullRequest
Новая
       3

0 отступы на изображениях

1 голос
/ 18 декабря 2010

ОК, э-э ... похоже, что XHTML Transitional не хочет набирать 0 ...

Помощь? : | 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />

    <title>Tadah</title>
    <style>
    body {
       width:1440px;
    }
    * {
        margin:0;
        padding:0;
    }
    img  {
        margin:0;
        padding:0;
        width:144px;
        height:90px;
    }
    </style>
</head>

<body>

<img src="http://www.gravatar.com/avatar/63ba857eda5875ce057cffd1adf960d3?s=128&d=identicon&r=PG" /><br />
<img src="http://www.gravatar.com/avatar/63ba857eda5875ce057cffd1adf960d3?s=128&d=identicon&r=PG" />

</body>
</html>

1 Ответ

4 голосов
/ 18 декабря 2010

Пространство между изображениями не исходит от отступов, оно исходит от line-height.Если вы установите line-height: 0; в блоке, содержащем изображения, то они будут совмещаться без пробелов между ними.

Использование <br/> для такой укладки изображений, вероятно, в любом случае не лучший подход.Возможно, вам повезет больше с явным позиционированием или размером <div> элементов с фоновыми изображениями.Что будет работать лучше всего, зависит от вашей конкретной ситуации.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...