HTML: Снова про разрешение

[BellaDonna]

Т.к. не владею в профессиональной степени искусством веб-строительства, но очень нужно для себя сделать нечто "простенькое и со вкусом", возникла проблема оптимизации сайта под разрешение пользователей. Ничего, кроме 2-х вариантов сайта (под 800 на 600 и для более высокого разрешения) в голову не пришло. Пожалуйста, подскажите, есть ли простенький скрипт, который сможет определить разрешение пользователя и, соответственно, загрузить нужный вариант сайта?
Прошу не ругать, если вопрос очень глупый.
Заранее благодарна!

 

[Majik13]

Скрипт-то есть, да дело не в этом. Такой вариант - два сайта - очень плох хотя бы по той причине, что при внесении любых изменений придется делать в два раза больше работы.
Мой совет - или только 800x600 для внешнего хостинга, или только 1024х768, если сайт для астры (я смотрю тут все с большими мониторами :lol. А лучший вариант - сайт, рассчитанный на любое разрешение. Делается это с помощью таблиц, ширина и высота которых задается в процентах.

 

[BellaDonna]

Majik13, спасибо за ответ!
Да, работы точно будет вдвойне...
Сайт рассчитан на внешний траффик, значит ориентироваться все-таки на 800х600...
И было все неплохо, пока не вздумалось использовать фреймы слева и справа для кнопок навигации (без скроля). При более-менее крупном шрифте часть ссылок не видна. Если выставлять мелкий шрифт - помещается, все замечательно, но в разрешении 800х600, а при 1024х768 уже почти не читается, не говоря уже о более высоком.
Наверное, не буду ломать голову и доделаю вариант без фреймов.

 

[BellaDonna]

Вдогонку: таблицы в процентах - да, в первом варианте я использовала такой подход, и для фреймов тоже, но там другая беда: фреймы-то оптимизируются, а их содержание - нет...

 

[Незнайка]

Если не идёт оптимизация фрейма, значит этому что-то мешает, скорее всего какой-нибудь рисунок немеренной ширины (обычно это заголовки с названием сайта или типа того). Задай ему так же ширину в процентах и должно всё получиться.

 

[BellaDonna]

Незнайка
Да, действительно мешает заголовок!...
Но, если честно, я не знаю, как правильно задать параметры картинки в процентах,
<img src="img/head.gif" alt="...." width="80%" height="80%" border="0">
может, так?
Но, если я правильно поняла, это задает параметры рисунка по отношению к его реальным размерам, а не к размерам окна, или я что-то путаю?

 

[Незнайка]

Не, проценты считаются от объекта в котором рисунок находится: если просто в окне - от окна, если в таблице - от ширины таблицы, если в ячейке - от ширины ячейки. Высоту рисунка лучше оставить в абсолютных единицах, а если рамка отсутствует, то border можно не описывать. Точно так же это справедливо и для таблиц, в том числе и вложенных.
Если рисунок во всю ширину фрейма, то ставь 100% и он будет изменяться вместе с изменением фрейма (ширина фрейма так же должна быть заданна в процентах).
Успехов!

 

[BellaDonna]

Спасибо, путем экспериментов установила истину вышесказанного .
Еще вопрос: можно ли сделать таблицу/ячейку со скролем?

 

[sormi]

конечно нада ставить разрешение 800 на 600 , т.к пользователей кто использует мониторы с таким разрешением раза в 3-4 больше чем других !

 

[Незнайка]

Существует несколько способов, лично я пользуюсь плавающим фреймом (у меня на страничкес помощью него реализованны новости сайта).
<iframe src="имя_файла.htm" height=.... width=.... scrolling=yes hspace=.... align=....> (параметров значительно больше, но не все обязательны)
имя_файла.htm - здесь находится информация, которую ты хочешь вывести. Инфа может быть любой - текст, рисунки, таблицы и т.д и т.п. Сам плавающий фрейм, так же можно разместить как нравится и оформить как в голову взбредёт (но лучше как положенно - меньше критиковать будут :wink: )

 

[Незнайка]

конечно нада ставить разрешение 800 на 600 , т.к пользователей кто использует мониторы с таким разрешением раза в 3-4 больше чем других !

Позвольте не согласиться! Из нескольких десятков посещений моей странички в день, с разрешением 800х600 заходит не более 10-15% посетителей, хотя как-то было 45%. Например, сегодня из 43 посетителей, только у 5 было установленно разрешение 800х600, вчера у 2-х, позавчера у 6-ти. Правильно писал Majik13, что у большинства сейчас большие мониторы.

 

[sormi]

по нашей сетке сложно судить по количеству пользователей =)

интернет в гатчине еще пока является средством своего рода роскоши , и те кто его подключают вроде как имеют деньги и на новые большие мониторы =)

и контингент помоложе и компьютеры у них появились относительно недавно , соотв и мониторы больше тоже =)

 

[BellaDonna]

Понравилась идея с плавающим фреймом, но видно что-то неправильно делаю.
Изначально были 3 ячейки в 1 ряду таблицы. В первой и третьей - меню, в средней - информация. Когда в среднюю вставляю пл.фрейм, пропадает меню третьей ячейки. В смысле, что теги-то есть, а в окне - пусто. Убираю строку фрейма - все опять появляется. Что это может быть?

 

[Хирург]

Вместо плавающего фрейма со скроллингом можно использовать CSS (тег DIV с соответствующим стилем). Так сделаны новости на главной странице Астры. Объяснять принцип долго, лучшее обучение - самообучение. Посмотри хтмл-код, если разберешься - будешь молодец

 

[BellaDonna]

Не могу найти в CSS GTN где задается парметр scrolling для DIV.
В HTMLe:
<div class='newsmaindiv'><img src='/img_src/arrow.gif' width='13' height='13' align='absmiddle'>
Новости сервера Астра-Ореол</div>
<div class='texthdr'>Старый VPN сервер ......</div>

В CCS:
DIV
{
BACKGROUND: #d9f2fb
}
.divmenu
{
BACKGROUND: #bcd5de
}
.newsmaindiv
{
BACKGROUND: #bcd5de
}
.texthdr {
BACKGROUND: #d9f2fb
}

Т.е. цвета соответствуют, а скроля у меня нет...)

 

[Незнайка]

Есть ещё такая штука, как текстовая область , которая задаётся тегом <TEXTAREA> (закрывающий тег обязателен), в ней мона разместить инфу немеренного объёма и будет полоса прокрутки, причём мона сляпать так, что при клике на эту область текст в ней заменится на другой. Атрибуты ROWS- высота, COLS - ширина. Выглядеть это должно примерно так (несколько упрощённо):
<textarea name="MyText" rows=15 cols=25>
всякая инфа
всякая инфа
всякая инфа
всякая инфа
</textarea>
name="MyText" - нуна для обеспечения доступа к текстовой области из программы-сценария, но это уже другая тема (долго, нудно и сложно)

 

[Незнайка]

Вместо плавающего фрейма со скроллингом можно использовать CSS (тег DIV с соответствующим стилем). Так сделаны новости на главной странице Астры. Объяснять принцип долго, лучшее обучение - самообучение. :) Посмотри хтмл-код, если разберешься - будешь молодец :)

А свойства такие:
overflow: auto - добавляет скролл, если объём текста больше блока
overflow: scroll - добавляет скролл в любом случае

 

[BellaDonna]

Незнайка, огромное спасибо за участие!...
<TEXTAREA> - при использовании у меня получилось, что тэги он выводит в виде текста, при этом в получившемся окошке с текстом всячески можно "изгаляться" (стирать/набивать) прямо в браузере!...
Про DIV: а где размещать это "overflow: auto"?

 

[Незнайка]

Про DIV: а где размещать это "overflow: auto"?

А размещать всё енто нада в каскадных таблицах стилей. :shock:

 

[Hooch]

Имхо, на самом деле надо сесть и подумать, для кого этот сайт предназначен - определенные группы пользователей имеют определенные виды компьютеров.

Если сайт коммерческий и не интернет-магазин (т.е. чистый B2B-сайт), имеет смысл делать его под 1024 - потому как потенциально полезные люди, заходящие со своей фирмы на сайт имеют нормальные мониторы (если не имеют - пользы от них не будет =)). На 800 можно уже наплевать.

Если сайт для широкого круга пользователей - тогда опять делать на 1024, но следить за тем чтобы влезало все на 800 без горизонтального скроллинга. Обязательно.

2 Sormi - по хотлогу 50% уже сидят на 1024.
в любом случае сайт должен тянуться во весь экран (т.е. быть сделан на таблицах в процентах), иначе это будет выглядеть просто у*бищно.