Как сбалансировать масштаб ко всем экранам?
V-style
Дата: Воскресенье, 21.04.2013, 00:37 | Сообщение # 1
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Магистр
Группа: Проверенные
Сообщений: 495
Проблема такая. . Если зайти с компьютера, то все отображается нормально, а если с планшета, то одна картинка лежит на другой.
Код
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>$MODULE_NAME$ - $SITE_NAME$</title>
<?$META_DESCRIPTION$?>
<link type="text/css" rel="StyleSheet" href="/_st/my.css" />
</head>
<body style="background:#000000; margin:0px; padding:10px 0 0 0;">
$ADMIN_BAR$
$GLOBAL_AHEADER$
<div style="height:10px;"></div>
<table cellpadding="0" style="padding:0 20px 0 20px;' cellspacing="0" border="0" width="100%"><tr><td width="100%" align="center">
<!-- <middle> -->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td valign="top" width="232">
<table cellpadding="0" cellspacing="0" border="0" width="232">
<tr><td><img src="/.s/t/571/4.gif" border="0"></td></tr>
<tr><td valign="top"style="background:#111111; border-left:1px solid #282318;border-right:1px solid #282318;" align="center">
$GLOBAL_CLEFTER$
</td></tr>
<tr><td><img src="/.s/t/571/10.gif" border="0"></td></tr>
</table>
</td>
<td valign="top" style="padding:0px 10px 0px 10px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="19" height="21"><img src="/.s/t/571/11.gif" border="0"></td><td style="background:url('/.s/t/571/12.gif');" align="left"><img src="/.s/t/571/13.gif" border="0"></td><td width="19" height="21"><img src="/.s/t/571/14.gif" border="0"></td></tr>
<tr><td style="background:url('/.s/t/571/15.gif');" valign="top"><img src="/.s/t/571/16.gif" border="0"></td><td style="background:#0B0B0B;border:1px solid #231E12;padding:5px;"><!-- <body> --><table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <!--<s5182>-->Каталог<!--</s>--></td>
<td align="right" style="white-space: nowrap;"><?if($ADD_ENTRY_LINK$)?>[ <a href="$ADD_ENTRY_LINK$"><!--<s5186>-->Добавить материал<!--</s>--></a> ]<?endif?></td>
</tr>
</table>
<hr />
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="60%"><!--<s5218>-->Всего $NUM_ENTRIES$ изделий.<!--</s>--><?if($NUM_SHOWN$)?><br /><!--<s5220>-->Показано $NUM_SHOWN$ изделий.<!--</s>--><?endif?></td>
</tr>
</table>
<hr />
$BODY$
<!-- </body> --></td><td style="background:url('/.s/t/571/17.gif');" valign="bottom"><img src="/.s/t/571/18.gif" border="0"></td></tr>
<tr><td width="19" height="21"><img src="/.s/t/571/19.gif" border="0"></td><td style="background:url('/.s/t/571/20.gif');" align="right"><img src="/.s/t/571/21.gif" border="0"></td><td width="19" height="21"><img src="/.s/t/571/22.gif" border="0"></td></tr>
</table>
</td>
</table>
<!-- </middle> -->
</td></tr></table>
$GLOBAL_BFOOTER$
<div id="escrol_loading" style="position:fixed;top:35px;left:15px;color:#fff;opacity:0.5;background:#000000;padding:6px;text-align:center;z-index:9999999999;display:none;border-radius:2px">Загрузка...</div>
<div id="escrol" style="display:none">$PAGE_SELECTOR$</div>
<script src="/Scripts/beskonechnyj_skrolling.txt" type="text/javascript"></script>
</body>
</html>
Подпись пользователя V-style Аватар удален!
SlowMotion
Дата: Воскресенье, 21.04.2013, 03:22 | Сообщение # 2
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Магистр
Группа: Проверенные
Сообщений: 259
V-style , мб в стилях пошалили... Но! Хочу сказать, что и с компа вот, такая, вот ситуация (см. прикрепленный файл)
Подпись пользователя SlowMotion
Dr-WebWorker
Дата: Воскресенье, 21.04.2013, 04:53 | Сообщение # 3
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Бакалавр
Группа: Пользователи
Сообщений: 141
V-style , верстальщик у Вас криворукий
Подпись пользователя Dr-WebWorker
V-style
Дата: Воскресенье, 21.04.2013, 13:04 | Сообщение # 4
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Магистр
Группа: Проверенные
Сообщений: 495
Никто не знает как это исправить? Если Все получится, могу немного денег дать.
Подпись пользователя V-style Аватар удален!
GaMeRgame
Дата: Воскресенье, 21.04.2013, 13:25 | Сообщение # 5
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Аспирант
Группа: V.I.P персона
Сообщений: 722
V-style , нормально сверстать
Melkiy
Дата: Воскресенье, 21.04.2013, 14:15 | Сообщение # 6
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Аспирант
Группа: Фотошоперы
Сообщений: 632
V-style , похоже что вам верстали под широкоформатный монитор, и получается, что даже на моем мониторе 1024*1280 такая же проблема как и на планшете.
Подпись пользователя Melkiy
V-style
Дата: Воскресенье, 21.04.2013, 14:35 | Сообщение # 7
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Магистр
Группа: Проверенные
Сообщений: 495
Я сам это делал. И я почти уверен, что это из-за того, что я сделал, чтобы 5 рядов было на странице в %.
Код
<div style="width:20%;float:left;"><table border="0" cellpadding="0" cellspacing="0" width="100%" class="eBlock"><tbody>
<div style="float:right">$MODER_PANEL$</div>
<a href="$ENTRY_URL$"><div class="eMessage" style="text-align:left;clear:both;padding-top:2px;padding-bottom:2px;"><img src="$IMG_URL1$" width=250; height=250></a> </div><div class="eDetails3" style="clear:both;">
<div style="float:center"><font color="#998a4f">Артикул</font>: <?if($CID$='1')?>кол<?endif?><?if($CID$='2')?>сер<?endif?><?if($CID$='3')?>ком<?endif?><?if($CID$='4')?>кул<?endif?><?if($CID$='5')?>р<?endi f?><?if($CID$='6')?>р<?endif?><?if($CID$='7')?>р<?endif?>-$RFILE_DIRECT_URL$</div></div><div class="eDetails" style="clear:both;"><div style="float:left"><font color="#998a4f">Вес</font>: $AUTHOR_SITE$ грамм</div></div><div style="float:right"><font color="#998a4f">Проба</font>: $AUTHOR_EMAIL$ </div><div class="eDetails" style="clear:both;"><div style="float:left"><font color="#998a4f">Вставка</font>: $AUTHOR_NAME$</div></div></td></tr></tbody></table><br>
Подпись пользователя V-style Аватар удален!
STAFF
Дата: Воскресенье, 21.04.2013, 14:40 | Сообщение # 8
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
-=VIP UcozonGroup=-
Группа: UcozonGroup
Сообщений: 757
Покажите код вид материала
Melkiy
Дата: Воскресенье, 21.04.2013, 15:02 | Сообщение # 9
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Аспирант
Группа: Фотошоперы
Сообщений: 632
V-style , Попробуйте уменьшить размеры картинок в виде материалов
Подпись пользователя Melkiy
SlowMotion
Дата: Воскресенье, 21.04.2013, 15:15 | Сообщение # 10
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Магистр
Группа: Проверенные
Сообщений: 259
V-style , вот тоже интересный факт - в том коде, что вы кинули, я увидел начало таблицы, и после него сразу же закрытие ячейки и ряда, хотя почему-то их открытия я не заметил... Добавлено (21.04.2013, 15:15)Melkiy , просто в стилях вида материалов уменьшите размер картинок, должно помочь
Подпись пользователя SlowMotion
STAFF
Дата: Воскресенье, 21.04.2013, 15:16 | Сообщение # 11
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
-=VIP UcozonGroup=-
Группа: UcozonGroup
Сообщений: 757
Код
/* Вид материалов */
Код
<div class="stfvid">
<a href="$ENTRY_URL$">
<img src="$IMG_URL1$" />
</a>
<div class="stfvid__b">
<font color="#998a4f">Артикул</font>: <?if($CID$='1')?>кол<?endif?><?if($CID$='2')?>сер<?endif?><?if($CID$='3')?>ком<?endif?><?if($CID$='4')?>кул<?endif?><?if($CID$='5')? >р<?endi f?><?if($CID$='6')?>р<?endif?><?if($CID$='7')?>р<?endif?>-$RFILE_DIRECT_URL$
<br/>
<span style="float:left"><font color="#998a4f">Вес</font>: $AUTHOR_SITE$ грамм</span>
<span style="float:right"> <font color="#998a4f">Проба</font>: $AUTHOR_EMAIL$</span>
<span><font color="#998a4f">Вставка</font>: $AUTHOR_NAME$</span>
</div>
</div>
Сообщение отредактировал STAFF - Воскресенье, 21.04.2013, 15:22
STAFF
Дата: Воскресенье, 21.04.2013, 15:17 | Сообщение # 12
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
-=VIP UcozonGroup=-
Группа: UcozonGroup
Сообщений: 757
Цитата (SlowMotion )
И еще - либо верстайте на таблицах, либо на дивах чисто. Совмещать лучше не надо...
V-style
Дата: Воскресенье, 21.04.2013, 16:02 | Сообщение # 13
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Магистр
Группа: Проверенные
Сообщений: 495
STAFF , Так изображения в 1 ряд построились.
Подпись пользователя V-style Аватар удален!
Melkiy
Дата: Воскресенье, 21.04.2013, 16:09 | Сообщение # 14
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Аспирант
Группа: Фотошоперы
Сообщений: 632
А нет, не то
Сообщение отредактировал Melkiy - Воскресенье, 21.04.2013, 16:10
Подпись пользователя Melkiy
STAFF
Дата: Воскресенье, 21.04.2013, 16:26 | Сообщение # 15
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
-=VIP UcozonGroup=-
Группа: UcozonGroup
Сообщений: 757
V-style , ну вы css тоже добавьте
