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



 

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

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

Открыть тему
Тема закрыта
> Организация сайта ввиде рабочей области
iPlay
iPlay
Topic Starter сообщение 21.11.2009, 22:37; Ответить: iPlay
Сообщение #1


Вообщем работаю сейчас над сайтом-системой, сайт выглядит фактически как рабочий стол и меню, по пунктам меню открываются окна и пользователь с ними работает. Вопрос в том что как организовать сайт так чтобы при разных разрешениях, сайт выглядел одинаково, а то у меня появляется скролл вертикальный и теряется вся идея юзабилити сайта. Что нужно использовать резину или еще какието методы?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 21.11.2009, 22:40; Ответить: alexdrob
Сообщение #2


хоть "резину" хоть js
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
iPlay
iPlay
Topic Starter сообщение 21.11.2009, 22:44; Ответить: iPlay
Сообщение #3


Ну фактически я использую у себя jQuery для организации AJAX запросов и реализаци окон, но не пойму логику, как сверстать сайт с применение JS чтобы объекты были масштабируемыми.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
alexdrob
alexdrob
сообщение 21.11.2009, 22:47; Ответить: alexdrob
Сообщение #4


разницы нет аякс или нет, трудно сказать как не видя всего этого и не зная что нужно.

Попробуйте просто всем объектам задавать размеры в %
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
iPlay
iPlay
Topic Starter сообщение 21.11.2009, 23:06; Ответить: iPlay
Сообщение #5


Код странички вот
<body id="main" onselectstart="return false" style="margin:0; padding:0">
<div id="menu" align="center">
<img src="welcome.png" width="64" height="64" style="margin-left:3px" border="0px"/>
</div>

<div id="panel" style="top:1px; width:200px; height:37px; position:absolute; right:0px">
<img id="signpanel" src="panel/sign.png" >
<img id="regpanel" src="panel/newusr.png">
<img id="manualpanel" src="panel/manual.png">
<img id="contactpanel" src="panel/contact.png">
<img id="aboutpanel" src="panel/about.png">
</div>

<div id="banner" align="center"></div>

<div id="lang" style="top:0px; width:90px; height:37px; position:absolute; left:15px;">
<img src="united_states.png" width="36" height="36" border="0">&nbsp;
<img src="russian_federation.png" width="36" height="36" border="0">
</div>

<div class="jclock" style="top:5px; width:250px; height:37px; position:absolute; left:115px;"></div>

<ul id="circularMenu" style="left:20px; top:-80px">
<li class="home"><a href="index.html"><b>HOME<span>back to the start</span></b></a></li>
<li class="design"><a href="#" id="button_1"><b>START DESIGN<span>enter system & start design</span></b></a></li>
<li class="signin"><a href="#" id="button_2"><b>SIGN IN<span>allows user to use the design system</span></b></a></li>
<li class="newusr"><a href="#" id="button_3"><b>NEW USER<span>to register & become a new user</span></b></a></li>
<li class="manual"><a href="#" id="button_4"><b>MANUAL<span>all useful documents about system</span></b></a></li>
<li class="contact"><a href="#" id="button_5"><b>CONTACT<span>contact with developers</span></b></a></li>
<li class="about"><a href="#" id="button_6"><b>ABOUT<span>about system & copyrights</span></b></a></li>
<li class="close"><a href="#" id="button_7"><b>CLOSE<span>closes your session</span></b></a></li>
</ul>

<div id="calendar" style="margin-left:52px; margin-top:-30px; font-size:13px; width:300px"></div>
<!--"picture_6.gif" is an official logo of jQuery library it's not a trademark or logo of this site-->
<img src="picture_6.gif" width="132" height="132" border="0" style="position: absolute; right: 0px; bottom: 0px;">

<div id="userLogon" title="User Logon" align="center"><br/><br/>
<img src="user.png" width="100" height="100"/><br/><br/><br/>
<font color="#4d4c4c"><b>User:</b></font><br/><br/><input id="logUser" type="text" name="user"/><br/><br/>
<font color="#4d4c4c"><b>Password:</b></font><br/><br/><input id="logPasswd" type="password" name="passwd"/><br/><br/>
<input id="logSub" type="submit" value="Sign in" name="logSub"/>
</div>

<div id="growl" style="top:60px; width:300px; height:80px; position:absolute; left:40px"></div>
</body>

Я сверстал вот так, но если данный сайт открыть с разрешением 1024*768 то появляется скролл вертикальный,
calendar не влазеет. Может можно както с масштабировать всю страницу тоесть и графику и текст?

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Какой % отказов нормален для сайта?
14 Aloof 3384 23.4.2024, 13:50
автор: Vmir
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыБыстрая индексация страниц сайта и обратных ссылок - 2Index
39 2Index 6742 22.4.2024, 16:16
автор: 2Index
Горячая тема (нет новых ответов) Тема имеет прикрепленные файлыSiteAnalyzer - бесплатная программа для аудита и анализа сайта
77 Chaser 74286 9.4.2024, 11:36
автор: Chaser
Открытая тема (нет новых ответов) Нужен кодер, чтобы пофиксить ошибку Wordpress после переноса сайта
0 Alex-777 959 7.4.2024, 18:05
автор: Alex-777
Горячая тема (нет новых ответов) Продвижение молодого сайта
30 maxmer 6602 26.3.2024, 21:49
автор: c4p1t4l15t


 



RSS Текстовая версия Сейчас: 25.4.2024, 18:58
Дизайн