Меню
Что нового?

Прижать изображение вплотную к таблице (CSS)

ss25_satana

Новичок
Помогите прижать картинку в плотную к таблице(либо избавится от зазора между таблицей и картинкой) не могу понять как это зделать. В ИЕ8 все ок, а в ФФ4 зазор появляется.
PHP: 
<!-- Начало page_header.tpl -->
<body>
	<table class="header">
		<tr>
            <td class="left">
                {foreach name=mlang from=$LANGS key=key item=value}
                    <a href="{$value}" title="{$key}"><img src="/images/langs/{$key}.gif"/></a>
                    {if !$smarty.foreach.mlang.last}&nbsp;{/if}
                {/foreach}
            </td>
            <td class="right"></td>
        </tr>
    </table>
		<div class="logo"><img src="{$TEMPLATE_PATH}/images/logo_{$key}.jpg"></div>             
    <table class="main">
        <tr>
			<td colspan="{$C_SPAN}">
<!-- Конец page_header.tpl -->
PHP: 
img.logo 
{
    width: 950px;
    margin: 0 auto;
    border-left: 1px solid;
    border-right: 1px solid;
    border-top: 1px solid;
    border-color: #000000;

}

table.main 
{
    width: 950px;
    margin: 0 auto;
    overflow: auto; 
	font-family: Verdana,Arial,Helvetica,sans-serif; 
	font-weight: normal; 
	font-size: 12px;
    text-align: justify;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: #000000;
    background-color: #ffffff;
	color: #000000;
    border-collapse: collapse;
    padding: 0px;  
}
 

Вложения

A1x

A1x

Новичок
вот убивал бы когда таблица разбита по нескольким шаблонам
редакторы с подсветкой синтаксиса сразу сходят с ума

ЗЫ разобрался - напиши как, вдруг кому-то пригодится
 
  • Like
Реакции: craz

ss25_satana

Новичок
Да там все просто оказалось размер картинки на несколько пикселей был больше чего ранее не заметил. Поправил и все сошлось в обоих браузерах.

п.с.
Пользую Notepade ++ и как то не замечал в этом неудобства.
 
A1x

A1x

Новичок
зазоры могут появляться потому что <img> и <a> по умолчанию inline элементы
я всегда ставлю display:block для элемента который надо без зазоров засунуть в ячейку таблицы

у меня netbeans выделяет красным все незакрытые теги это раздражает :)
проще воспринимать код когда ставишь курсор на открывающий тег и видишь закрывающий
но реальные неудобства начинаются когда кода становится много, его пишет много людей
и каждый думает что можно писать как попало видя что перед ним писали как попало
 

ss25_satana

Новичок
Согласен с этим. Но увы такая вот CMS итоговую страничку собирает по кускам.
 
Войдите или зарегистрируйтесь для ответа.
Сверху