Как изменить ширину сайта?
| |
taylor | Дата: Вторник, 20.03.2012, 13:20 | Сообщение # 1 |
Сержант
Группа: Пользователи
Пол:
|
Здравствуйте, подскажите пожалуйста, как сделать чтобы страницы сайта были на всех расширениях монитора одинаковой величины? как вконтакте, допустим
|
|
| |
bandjuk | Дата: Вторник, 20.03.2012, 13:51 | Сообщение # 2 |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
taylor, нужно переделывать вёрстку сайта
|
|
| |
taylor | Дата: Вторник, 20.03.2012, 14:13 | Сообщение # 3 |
Сержант
Группа: Пользователи
Пол:
|
а если просто, уменьшить ширину? сделать ее примерно, как на вот этом сайте http://gameworldcss.ucoz.ru/
|
|
| |
bandjuk | Дата: Вторник, 20.03.2012, 14:21 | Сообщение # 4 |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
taylor, у меня к сожалению не на чём оценивать и эксперементировать! Знаю, что этот сайт на широком экране )) выглядет криво, второй мой сайт нормально http://fotki.ucoz.ua/ Как вариант нужно указывать значения ширины в % а не в пикселях
|
|
| |
taylor | Дата: Вторник, 20.03.2012, 14:24 | Сообщение # 5 |
Сержант
Группа: Пользователи
Пол:
|
то есть, если ширина 100% - это во весь экран, то если уменьшить, допустим, сделать 80%, он станет уже, верно?)
|
|
| |
bandjuk | Дата: Вторник, 20.03.2012, 14:26 | Сообщение # 6 |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
taylor, Вообще да, будет уже, но нужно видеть, что конкретно и где Вы изменяете
|
|
| |
taylor | Дата: Вторник, 20.03.2012, 14:38 | Сообщение # 7 |
Сержант
Группа: Пользователи
Пол:
|
я попробовала изменить 100% на 80% и вот что получилось: http://s019.radikal.ru/i635/1203/03/4e57dbbb02d7.png сдвинулся только второй контейнер
|
|
| |
bandjuk | Дата: Вторник, 20.03.2012, 14:41 | Сообщение # 8 |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
taylor, ну, правильно, вы уменьшили ширину центральной части. А вообще шаблон лучше всего делать на дивах, выберите дизайн с шаблоном, построенным на дивах, а не табличный
|
|
| |
taylor | Дата: Вторник, 20.03.2012, 14:47 | Сообщение # 9 |
Сержант
Группа: Пользователи
Пол:
|
Code <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>[TITLE]</title> <?$META_DESCRIPTION$?> <link type="text/css" rel="StyleSheet" href="http://s63.ucoz.net/src/css/982.css" /> </head>
<body style="background-color:#000000; margin:0px; padding:0px;"> $ADMIN_BAR$
<!-- <header> --> <table border="0" cellpadding="0" cellspacing="0" width="100%" height="261" style="background:url('/.s/t/982/1.gif') top repeat-x #000000;"> <tr><td height="33" width="403"><img src="/.s/t/982/2.jpg" border="0"></td><td align="right" style="padding-right:10px;font-size:10px;">$WDAY$, $DATE$, $TIME$</td></tr> <tr><td height="33" width="403"><img src="/.s/t/982/3.jpg" border="0"></td><td align="right" style="padding-right:10px;font-size:10px;"><?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?>You logged in as <a href="$PERSONAL_PAGE_LINK$" title="Profile page"><b>$USERNAME$</b></a> | Group "<u>$USER_GROUP$</u>"<?else?>Hello <b>$USERNAME$</b><?endif?><?endif?> <?if($RSS_LINK$)?>| <a href="$RSS_LINK$" title="RSS">RSS</a><?endif?></td></tr> <tr><td height="151" width="403"><img src="/.s/t/982/4.jpg" border="0"></td><td><span style="color:#FFFFFF;font:20pt bold Verdana,Tahoma;">SITE LOGO</span></td></tr> <tr><td height="33" width="403"><img src="/.s/t/982/5.jpg" border="0"></td><td align="right" style="padding-right:10px;font-size:10px;"><a href="$HOME_PAGE_LINK$" title="Site home">Site home</a> <?if($MODULE_URL$)?>| <a href="$MODULE_URL$">$MODULE_NAME$</a><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$PERSONAL_PAGE_LINK$" title="Profile page">Profile page</a><?else?> | <a href="$REGISTER_LINK$" title="Register now">Register now</a><?endif?><?endif?> <?if($USERS_ON$)?><?if($USER_LOGGED_IN$)?> | <a href="$LOGOUT_LINK$" title="Log out">Log out</a><?else?> | <a href="$LOGIN_LINK$" title="Log in">Log in</a><?endif?><?endif?></td></tr> <tr><td height="11" width="403"><img src="/.s/t/982/6.jpg" border="0"></td><td></td></tr> </table> <!-- </header> -->
<!-- <middle> --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tr> <td valign="top" style="width:186px;padding:0 0 0 10px;">
<!-- <container> --> <!-- <block> --> <table border="0" cellpadding="0" cellspacing="0" width="186"> <tr><td align="center" height="30" style="background:url('/.s/t/982/7.gif') #B60605;color:#FFFFFF;padding-bottom:5px;font-size:10px;"><b>TITLE</b></td></tr> <tr><td style="background:url('/.s/t/982/8.gif');padding:0 5px 0 5px;">CONTENT</td></tr> <tr><td><img src="/.s/t/982/9.gif" border="0"></td></tr> </table> <!-- </block> --> <!-- </container> -->
</td>
<td valign="top" style="padding:0px 10px 0px 10px;"> <table border="0" cellpadding="5" cellspacing="0" width="100%" style="border:1px solid #5B5C74;"><tr><td style="background:#000000;padding:10px;">[BODY]</td></tr></table> </td>
<td valign="top" style="width:186px;padding:0 10px 0 0;"> <!-- <container> --> <!-- </container> --> </td> </tr> </table> <!-- </middle> -->
<!-- <footer> --> <div style="text-align:center;padding:5px 10px 5px 10px;"> <p align="center"><table border="0" cellpadding="0" height="22" cellspacing="0" width="80%" style="background:url('/.s/t/982/10.gif') #B60605;"> <tr><td><img src="/.s/t/982/11.gif" border="0"></td><td align="center" style="color:#FFFFFF;">[COPYRIGHT]</td><td align="right"><img src="/.s/t/982/12.gif" border="0"></td></tr> </table> <br /> $POWERED_BY$ </p> </div> <!-- </footer> --> </body>
</html>
<!-- <popup> --> <table cellpadding="5" cellspacing="0" border="0" width="100%"> <tr><td><table border="0" cellpadding="0" height="22" cellspacing="0" width="100%" style="background:url('/.s/t/982/10.gif') #B60605;"> <tr><td><img src="/.s/t/982/11.gif" border="0"></td><td align="center" style="color:#FFFFFF;"><b>[TITLE]</b></td><td align="right"><img src="/.s/t/982/12.gif" border="0"></td></tr> </table></td></tr> <tr><td><table border="0" cellpadding="5" cellspacing="0" width="100%" style="border:1px solid #5B5C74;"><tr><td style="background:#000000;padding:10px;">[BODY]</td></tr></table></td</tr> </table> <!-- </popup> -->
вот этот код?
|
|
| |
bandjuk | Дата: Вторник, 20.03.2012, 14:57 | Сообщение # 10 |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
taylor, что этот код? Я вообще замысла не пойму! Нужно перекроить дизайн на дивы
|
|
| |
taylor | Дата: Вторник, 20.03.2012, 15:02 | Сообщение # 11 |
Сержант
Группа: Пользователи
Пол:
|
хорошо, спасибо за подсказку!
|
|
| |
bandjuk | Дата: Вторник, 20.03.2012, 15:06 | Сообщение # 12 |
Генерал-лейтенант
Группа: Администраторы
Пол:
|
taylor, самое лучшее решение, выберите из стандартных шаблонов юкоза шаблон, построенный на дивах. Потому, что переделывать этот шаблон муторно, мне себе лень переделывать! )))
|
|
| |
|