Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > убрать "зазор" между картинками


Автор: bel_nikita 23.8.2008, 02:19
Вот, как выглядит для FF:
http://img372.imageshack.us/my.php?image=ffrd4.png

А вот так, выглядит для IE:
http://img181.imageshack.us/my.php?image=69314125rd8.png

Как убрать в IE "зазор"?

Код

<div class="moduletable_man_hampl">
<p style="padding-left: 10px;">
<span style="color: #ffffff;"><a href="тра-ля-ля" class="bily">personal profile</a></span>
</p>
<p style="padding-left: 10px;"><span style="color: #ffffff;"><a href="тра-ля-ля" title="Gallery" class="bily">free creation</a></span></p>
<p style="padding-left: 10px;"><span style="color: #ffffff;"></span></p>
</div>
<div class="moduletable_man_hampl_bottom">
<img alt="obraz_petr" src="/images/obr/obraz_petr.jpg" height="68" width="86" />
<br />
<p><img alt="bily_mezi" src="/images/obr/bily_mezi.gif" height="8" width="154" /></p>
</div>


Код

/* шапка  */
.moduletable_man_hampl{
margin:0;
padding:0;
position:relative;
background:url(../images/petr.gif) no-repeat;
padding-top:28px;
}

/* низ с картинкой и белой полоской. картинка и белая полоска -  */
.moduletable_man_hampl_bottom{
margin:0;
padding:0;
position:relative;
padding-left:10px;
}

.moduletable_man_hampl_bottom img{
margin:0;
padding:0px;
}

Автор: bars80080 23.8.2008, 10:08
а 
Код

img { display: block; }
не помогает?

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)