Увеличенный сайт в стандартном мониторе!
Здравствуйте! Подскажите, почему на шрокоформатном мониторе сайт отображается нормально, а в стандартном мониторе он увеличенный и шапка расползается, то есть не подстраивается под то или иное разрешение? Шаблон default. Спасибо!
<img scr="logo.gif" width="100%">
по умолчанию там же лого маленькое. а на сдиги дизайна не может влиять.
Вот, в принципе ничего не менял, только добавил эту строчку <img src="{$tpl_path}img/headpic.png">, а logo.png немного увеличил 300х100, вроде все, а может что-то и напортачил :).
{config_load file="$language/lang.conf" section="index"}<table class="adn" id="index"><tr><td>
<table class="adn print" width="100%">
<tr>
<td class="headlink vleft bf">
<a href="{$mainpage}">{#text_mainpage#}</a><span class="delm">|</span>
{if $account}{if $smarty.session.customer_id}
<a href="{$account}">{#link_account#}</a><span class="delm">|</span>
{/if}{/if}
<a href="{$cart}">{#link_cart#}</a><span class="delm">|</span>
<a href="{$checkout}">{#link_checkout#}</a><span class="delm">|</span>
</td>
<td align="right" class="headlink vleft bf" width="70px">
{if $account}{if $smarty.session.customer_id}
<span class="delm">|</span><a href="{$logoff}">{#link_logoff#}</a>
{else}
<span class="delm">|</span><a href="{$login}">{#link_login#}</a>
{/if}
{/if}
</td>
</tr>
</table>
<table cellspacing="0" cellpadding="0" width="100%" class="print">
<tr>
<td class="htba" valign="middle" align="left"><div class="png"><img src="{$tpl_path}img/logo.png" /></div></td>
<td class="htba" valign="middle" align="left" width="80%"><img src="{$tpl_path}img/headpic.png"></td>
<td class="htbb" valign="middle" align="right"><font color="orange"><br /><b>г. Константиновка<br /> пр-т Ломоносова 129<br />Тел. 8(06272) 2-25-15<br />
<img src="{$tpl_path}img/online.gif" /><font color="greenyellow">199 371 606</b></font></td>
<td class="htba" valign="middle" align="left" width=10%></td>
</tr>
</table>
<table class="adn">
<tr>
<td class="container">
<table class="adn">
<tr>
<td class="left"><div class="fil1 white"></div>
{$box_CATEGORIES}
{$box_CONTENT}
{$box_ADD_QUICKIE}
{$box_LAST_VIEWED}
{$box_REVIEWS}
{$box_SEARCH}
{$box_SPECIALS}
{$box_FEATURED}
{$box_LATESTNEWS}
{$box_ARTICLES}
{$box_ARTICLESNEW}
{$box_AUTHORS}
</td><td class="center vleft">
<table class="adn blmtop"><tr><td>
<table class="adn"><tr><td class="hd bf">Каталог товаров</td></tr></table></td></tr></table>
<table class="adn"><tr><td class="cbt vleft"><span>{$navtrail}</span></td></tr></table>
<table class="adn" width="98%" border="0" cellpadding="0" cellspacing="0">
<tr><td class="main">{$text}{$main_content}</td></tr>
</table>
</td>
<td class="right"><div class="fil1 white"></div>
{$box_CART}
{$box_LOGIN}
{$box_ADMIN}
{$box_DOWNLOADS}
{$box_AFFILIATE}
{$box_WHATSNEW}
{$box_NEWSLETTER}
{$box_BESTSELLERS}
{$box_INFOBOX}
{$box_CURRENCIES}
{$box_LANGUAGES}
{$box_MANUFACTURERS}
{$box_MANUFACTURERS_INFO}
{$box_FAQ}
</td>
</tr>
</table>
<table class="adn print">
<tr>
<td>
<div class="fix" style="border-bottom: 1px solid #ffffff;"></div>
<table class="adn"><tr><td class="btbl mid bf"><font color="white">© 2009 <u><a style="text-decoration:none;" href="http://www.shopos.ru/"><font color="white">Салон компьютеры</font></font></u></font></td></tr></table>
</td>
</tr>
</table>
</td></tr></table>
</div>
<center>{$BANNER}</center>
так покажите что там сьежжает.
по коду только понятно что нужно для img добавить width="100%"
и для ячеек td задать размер в % от всей длины. тогда не должно ничего сьежжать
Вот ссылка salcom.com.ua
PS. чтобы увидеть изъян, смотреть не на широкоформатном мониторе!
<table cellspacing="0" cellpadding="0" width="100%" class="print">
<tr>
<td class="htba" valign="middle" align="left"><div class="png"><img src="http://salcom.com.ua/themes/default/img/logo.png" /></div></td>
<td class="htba" valign="middle" align="left" width="80%"><img src="http://salcom.com.ua/themes/default/img/headpic.png"/></td>
<td class="htbb" valign="middle" align="right" width="200px"><font color="orange"><br /><b>г. Константиновка<br /> пр-т Ломоносова 129<br />Тел. 8(06272) 2-25-15<br />
<img src="http://salcom.com.ua/themes/default/img/online.gif" /><font color="greenyellow">199 371 606</b></font></td>
<td class="htba" valign="middle" align="left" width=10%></td>
</tr>
</table>
то, что красным цветом выделено - подобрать.
внесто смещения текста вниз - появится прокрутка.
или попробовать так:
<table cellspacing="0" cellpadding="0" width="100%" class="print">
<tr>
<td class="htba" valign="middle" align="left"><div class="png"><img src="http://salcom.com.ua/themes/default/img/logo.png" width="100%" /></div></td>
<td class="htba" valign="middle" align="left" width="80%"><img src="http://salcom.com.ua/themes/default/img/headpic.png" width="100%" /></td>
<td class="htbb" valign="middle" align="right"><font color="orange"><br /><b>г. Константиновка<br /> пр-т Ломоносова 129<br />Тел. 8(06272) 2-25-15<br />
<img src="http://salcom.com.ua/themes/default/img/online.gif" /><font color="greenyellow">199 371 606</b></font></td>
<td class="htba" valign="middle" align="left" width=10%></td>
</tr>
</table>
Большое спасибо, Евгений! Буду пробовать, что получится отпишусь.
Мудохался и так и сяк, и наконец мое терпение иссяк! ;D Короче поменял шаблон! 8)
Да шапку просто с 0я нужно было переписать под ваши запросы.
в другом шаблоне без знания html/css все равно будет трудно что то сделать.
Источник
|
