X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> Таблицы...не масштабируются, помогите новичку плиз
Гость_0_*
Гость_0_*
Topic Starter сообщение 17.12.2008, 11:00; Ответить: Гость_0_*
Сообщение #1


Дело такое, только начинаю разбираться во всем, так что сильно не пинайте :)
В общем, в Dreamweaver делаю сайт с табличным дизайном, задаю ширину и высоту в процентах, не фиксированно...НО как только меняю разрешение с 1440*900 на, например, 1280*1024 или 1024*768, появляется горизонтальный скролл...Ничего не могу понять, уже задолбался гуглить, помогите пожалуйста, а то мозг уже по швам трещит! Хотя бы ткните пальцем, где почитать, буду очень-очень благодарен!!!
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vialls_mw
Vialls_mw
сообщение 17.12.2008, 13:00; Ответить: Vialls_mw
Сообщение #2


Код, в студию пожалуйста. Так, вам никто не поможет.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 17.12.2008, 13:24; Ответить: ZiTosS
Сообщение #3


+1, Vialls
Код в студию! Экстрасенсы в отпуске. Если сайт есть в интернете, то дайте на него прямую ссылку! Разберёмся
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Гость_0_*
Гость_0_*
Topic Starter сообщение 17.12.2008, 14:04; Ответить: Гость_0_*
Сообщение #4


www.ps66.ru
Нужен будет код - пошлю...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vialls_mw
Vialls_mw
сообщение 17.12.2008, 14:40; Ответить: Vialls_mw
Сообщение #5


Сайт не открывается у меня, давайте код...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Гость_0_*
Гость_0_*
Topic Starter сообщение 17.12.2008, 14:44; Ответить: Гость_0_*
Сообщение #6


CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<title>Главная Personal Systems</title>
<script src="Scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<link href="astyle.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.стиль2 {font-family: Arial, Helvetica, sans-serif}
.стиль4 {color: #FFFFFF}
-->
</style>
</head>
<body bgcolor="#ffffff">
<body>
<table width="100%" height="1042" border="0" bordercolor="#000000">
<tr>
<td width="18%" height="103" bordercolor="#FFFFFF"><img src="img/Logo_v5.png" width="155" height="155" align="middle" /></td>
<td width="82%" bordercolor="#FFFFFF"><div align="center">
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','800','height','120','hspace','100','title','main','src','img/banner_v6','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','img/banner_v6' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="800" height="120" hspace="100" title="main">
<param name="movie" value="img/banner_v6.swf" />
<param name="quality" value="high" />
<embed src="img/banner_v6.swf" width="800" height="120" hspace="100" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"></embed>
</object>
</noscript>
</div></td>
</tr>
<tr>
<td colspan="2" align="center" valign="middle"><img src="img/upper_line.png" width="1400" height="2" /></td>
</tr>
<tr>
<td height="844" colspan="2" align="left" valign="top" bordercolor="#FFFFFF"><table width="100%" height="846" border="0">
<tr>
<td width="12%" height="842" align="left" valign="top" bordercolor="#000000"><p>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','name','main','width','159','height','46','align','middle','id','main','src','button1','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','button1' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" name="main" width="159" height="46" align="middle" id="main">
<param name="movie" value="button1.swf" />
<param name="quality" value="high" />
<embed src="button1.swf" width="159" height="46" align="middle" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" name="main" ></embed>
</object>
</noscript>
</p>
<p>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','width','159','height','46','title','places','src','button3','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','button3' ); //end AC code
</script>
<noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="159" height="46" title="places">
<param name="movie" value="button3.swf" />
<param name="quality" value="high" />
<embed src="button3.swf" width="159" height="46" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" ></embed>
</object>
</noscript>
</p>
<p>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','width','159','height','46','title','price','src','button4','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','button4' ); //end AC code
</script><noscript>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="159" height="46" title="price">

<param name="movie" value="button4.swf" />
<param name="quality" value="high" />
<embed src="button4.swf" width="159" height="46" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" ></embed>
</object>
</noscript>
</p>
<p>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','width','159','height','46','title','post','src','button5','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','button5' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="159" height="46" title="post">
<param name="movie" value="button5.swf" />
<param name="quality" value="high" />
<embed src="button5.swf" width="159" height="46" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" ></embed>
</object></noscript>
</p>
<p>
<script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0','width','159','height','46','title','contacts','src','button7','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','button7' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="159" height="46" title="contacts">
<param name="movie" value="button7.swf" />
<param name="quality" value="high" />
<embed src="button7.swf" width="159" height="46" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" ></embed>
</object>
</noscript>
</p>
<p><img src="img/pit-stop3.png" width="159" height="46" /></p></td>
<td width="88%" valign="top" bordercolor="#000000">&nbsp;</td>
</tr>
</table></td>
</tr>
<tr>
<td height="10" align="center" bordercolor="#000000" bgcolor="#0000FF"><div align="left" class="стиль2 стиль4">
<div align="left">Personal Systems © 2008 </div>
</div></td>
<td height="10" align="center" bgcolor="#0000FF"><div align="right"><a href="index1.html">Версия сайта без анимации</a></div></td>
</tr>
</table>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-6694141-1");
pageTracker._trackPageview();
} catch(err) {}</script>
</body>
</html>
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Vialls_mw
Vialls_mw
сообщение 17.12.2008, 15:04; Ответить: Vialls_mw
Сообщение #7


Ешкин, кот.... Мне не охото разбираться в этом ужасе... Можете примерно код набросать, как вы делаете, без JavaScript'а и подобной лажи... А вообще на первый взгляд, мне кажется, дело в том, что внутри вашей таблици (которая 100%), лежит элемент(ы), который превышает размеры разрешения экрана ("1280*1024 или 1024*768") и поэтому родительская таблица расползается и создает скроллбар... Ищите...
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Robot-sgibatel
Robot-sgibatel
сообщение 17.12.2008, 15:49; Ответить: Robot-sgibatel
Сообщение #8


Там полоска 1 400 x 2 пикселей
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
ZiTosS
ZiTosS
сообщение 17.12.2008, 20:37; Ответить: ZiTosS
Сообщение #9


ШтукаФен,
Открыл ваш сайт и посмотрел исходники... Вы задумывались над словом резиновый дизайн? Как он может быть резиновым, если многие элементы страницы(картинки, Flash) заданы в абсолютном значении. Вот к примеру ваша линия:
..............
<img src="img/upper_line.png" width="1400" height="2" />
.............

Вы задали ей размер 1400px, а таблица и её ячейки у вас в процентном соотношении, но в данном случае 100% будет не размер окошка, а размер по ширине элементов вставленных в таблицу.

Поэтому ваш дизайн нельзя назвать резиновым. Для того чтобы дизайн был резиновый должны быть выполнены следующие пункты:
1) Размеры элементов, которые должны тянуться или сжиматься, нужно задавать в процентном соотношении, Размеры же элементов статичный, ограниченных по размерам нужно задавать абсолютно(Конечно это не по стандартам. В стандартах используется либо одно указание либо другое), НО абсолютное значение элементов лежащих на одной горизонтальной лини (бок о бок друг к другу) не должен привышать размеров окна. Размеры окна вы должны высчитать сами, относительно какого минимального размера вы верстаете, обычно это 800x600
2) Размеры картинок всегда абсолютны, задавать их в процентах не советую, это неправильный ход. Поэтому если хотите вставить в элемент какую либо картинку, лучше сделайте её фоном.

В вашем примере можно было сделать картинку размером 2x1 и просто закрасить ячейку таблицы подобным рисунком.
Если вы считаете что картинка одноцветна, то её можно и восе задать цветом фона, или же бордюром элемента(background-color, border)

Почитать про всё это можно на _http://htmlbook.ru/
Там много что сказано про резиновую вёрстку, а также про задание свойств и атрибутов элементу(CSS).

В вашем случае проще сделать так, ваш код
<td colspan="2" align="center" valign="middle"><img src="img/upper_line.png" width="1400" height="2" /></td>

Заменить на
<td  colspan="2" style="background-color: blue; width: 100%; height: 2px;"></td>


Задавайте вопросы и мсы вам на них ответим :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Гость_0_*
Гость_0_*
Topic Starter сообщение 17.12.2008, 21:55; Ответить: Гость_0_*
Сообщение #10


Спасибо огроменное! Буду разбираться, а ваш ответ - это прямо целая статья, можно было бы ее использовать как faq для начинающих. Потому что сколько ни искал, ничего подобного не нашел. Это на самом деле ошибка многих, как я понял.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Отсортировать данные таблицы
по дням/часам и тп
 3 tube 2350 1.7.2017, 0:38
автор: Shandanakar
Открытая тема (нет новых ответов) Нужно настроить мои Таблицы Google
 1 rownong27 2465 25.5.2016, 0:13
автор: -rownong-
Открытая тема (нет новых ответов) Экспорт таблицы с сайта
 2 wolf7808 3070 17.10.2015, 9:42
автор: -wolf7808-
Открытая тема (нет новых ответов) размер таблицы
 7 modz 6426 24.10.2014, 14:57
автор: -modz-
Открытая тема (нет новых ответов) Как переместить значения ячеек таблицы при клике на первую (Javascript, Ajax, jQuery)
 2 anethum 6751 2.9.2013, 13:08
автор: -RayOfLight-


 

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

RSS Текстовая версия Сейчас: 19.4.2024, 16:37

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet