Вернуться   SEO форум - оптимизация и продвижение сайтов > Web разработки > Дизайн и верстка

Важная информация
Дизайн и верстка - Верстка: блочная, div, HTML... Дизайн, внешний вид сайта.

Ответ
 
Опции темы Оценить тему Опции просмотра
Старый 19.04.2011, 22:46   #1
 
Аватар для roteratte
 
Сообщений: 2
FR (активность): 75

Доп. информация
По умолчанию Автор темы Помогите сделать резиновый шаблон

У меня свой сайт WorldLineage.ru
Но сложилась такая проблема,что мой сайт при разрешении 1280*1024...
А надо сделать так,чтобы сайт был резиновым для всех разрешений
Вот CSS
Оффтоп:
/*
================================================== ===========
This Skin for STRESS WEB Developed by S.T.R.E.S.S.

File 'css.css' - Cascading Style Sheet (CSS) Document
================================================== ===========
*/
* { margin: 0px; padding: 0px; }
html, body {
width: 100%;
height: 100%;
padding: 0px;
margin: 0px;
color: #000;
font-size: 12px;
font-family: Trebuchet MS, Georgia, Times New Roman, Verdana, ssans-serif;
background: #FFF;
}
img {
border: none;
}
a {
color: #1d55e4;
font-size: 12px;
text-decoration: none;
}
.sw_ornament {
background: url('../images/ornament.jpg') repeat-y;
width: 1000px;
}
.sw_header {
background: url('../images/1.jpg') no-repeat;
width: 966px;
height: 724px;
}
.sw_footer {
background: url('../images/2.jpg') no-repeat;
width: 966px;
height: 401px;
}
.sw_center {
width: 966px;
margin-top: -250px;
}
.sw_left {
width: 250px;
float: left;
}
.sw_right {
width: 716px;
margin-left: 250px;
}
.sw_menu {
background: url('../images/menu.png') no-repeat;
width: 183px;
height: 259px;
}
.menu {
width: 111px;
text-align: left;
}
.menu a {
padding-left: 5px;
font-size: 19px;
font-family: Monotype Corsiva, Times New Roman;
color: #010101;
}
.menu a:hover {
color: #696969;
}
.sw_left_block {
width: 340px;
float: left;
}
.sw_right_block {
width: 340px;
margin-left: 340px;
}
.sw_block {
background: url('../images/block.png') no-repeat;
width: 235px;
height: 155px;
}
.spacer {
background: url('../images/spacer.jpg') no-repeat;
width: 111px;
height: 1px;
}
.sw_content {
padding: 20px 31px 10px 31px;
}
.sw_content_top {
background: url('../images/content_top.png') no-repeat;
width: 654px;
height: 15px;
}
.sw_content_bg {
background: url('../images/content_bg.png') repeat-y;
width: 654px;
}
.sw_content_bot {
background: url('../images/content_bot.png') no-repeat;
width: 654px;
height: 15px;
}
.sw_content_content {
padding: 0px 5px 0px 5px;
}
.sw_copyright {
padding-top: 330px;
color: #cab0f9;
font-size: 13px;
}


А это index
Оффтоп:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>{TITLE}</title>
<meta http-equiv="Content-Type" content="text/html; charset=cp-1251">
<meta name="Description" content="interlude, pvp, lineage">
<meta name="Keywords" content="популярная MMORPG-игра Lineage 2. Сервера Lineage2,PvP,скачать игры, онлайн игра (online игра), интернет игры, сайт игры,lineage interlude,pvp сервер Lineage 2, игра lineage,la2,lineage 2 сервер x50,lineage 2 скачать бесплатно PvP-Game - игровые сервера LineАge 2, LineAge 2 PvP. Волшебный мир LineAge II открывает двери. Приключения ждут Вас во вселенной LA2 C3. Профессиональная поддержка серверов LineAge позволит Вам наслаждаться игрой круглые сутки,lineage, lineage2, lineage 2, online игра, онлайн игра, он-лайн игра, скачать игры, MMORPG, RPG, pc игры, интернет игры, сайт игры, lineage сервер, lineage ii, lineage c4, сервер lineage2, сервер lineage 2, lineage2 c4, lineage скачать, lineage 2 c4, lineage c3, lineage2 c3, скачать lineage2, lineage 2 c3, lineage 2 скачать, lineage pvp, читы lineage, lineage server, баги lineage, pvp lineage2, патчи lineage, lineage c4 сервер, чит lineage 2, lineage 2 pvp, lineage боты, читы lineage2, lineage 4, server lineage2, игра lineage, сервер lineage2 c4, квесты lineage, клан lineage, взлом lineage, lineage pvp сервер, сервера lineage ii, сервер lineage c3, lineage2 баги, патчи lineage2, серверы lineage 2 c4, игра lineage2, lineage 2 server, баги lineage 2, lineage2 pvp серверы, сервер lineage2 c3, патчи lineage 2, lineage2 взлом, lineage ii c4, lineage2 кланы, lineage программы, lineage сервер скачать, бот lineage2, lineage 2 4, квесты lineage2, lineage пвп, игра lineage 2, база lineage, lineage 2 pvp сервер, lineage описание, lineage 2 c3 сервре, lineage 2 chronicle, скачать lineage c4, lineage 3, взлом lineage 2, lineage chronicle 4, lineage с4, сайт lineage, lineage обои, lineage обои, бот lineage 2, руссификатор lineage, lineage 2 квесты, lineage коды, пвп lineage2, скачать lineage2 c4, пвп сервер lineage, lineage бесплатный, lineage2 база, lineage ru, картинки lineage, lineage русификатор, клиент lineage, lineage pvp server, lineage прохождение, настройка lineage, lineage2 com, lineage профессия, заточка lineage, lineage ii c3, бесплатный сервер lineage, Classic, LIONNA, Lionna,WorldLineage,World Lineage, x12, x50,Lineage 2 World,lineage2 pvp server, скачать сервер lineage2, lineage база знаний, скачать lineage ii, lineage2 программа, пвп сервера lineage2, где lineage, www lineage2, lineage2 картинки, lineage 2 chronicle 4">
<link rel=stylesheet href="{THEME}/css/general.css">
<script type="text/javascript" src="{THEME}/js/swfobject.js"></script>
<script language="javascript" type="text/javascript" src="{THEME}/templates/site/js/ja.script.js"></script>
<script type="text/javascript" src="{THEME}/templates/site/js/validation.js"></script>
<script type="text/javascript" src="{THEME}/templates/site/js/ajax.js"></script>
<script type="text/javascript" src="{THEME}/templates/site/js/flexcroll.js"></script>




</head>
<body>
<a name=top></a>

<table cellspacing=0 cellpadding=0 border=0 align=center width=100% class=firsttable>
<tr><td height=487>
<table cellspacing=0 cellpadding=0 border=0 align=center width=350 height=487>
<tr valign=bottom><td><a href="index.php"><div class=mainlink>&nbsp;</div></a></td></tr>
</table>
</td></tr>
<tr><td>
<table cellspacing=0 cellpadding=0 border=0 align=center width=1200 height=800>
<tr valign=top>
<td width=323 style="background:url('{THEME}/images/left_bg.jpg') right top repeat-y;">
<table cellspacing=0 cellpadding=0 border=0 align=center width=323>
<tr valign=top><td height=1126 style="background:url('{THEME}/images/left_2_80.jpg') right top no-repeat;">
<table cellspacing=0 cellpadding=0 border=0 align=right width=280>
<tr>

<td class=td1>
<div class=menulinkdiv><a href="/" class=mainmenulink><div class=iepng><img src="{THEME}/images/blank.gif" width=30 height=30></div>Новости</a></div>
<div class=menulinkdiv><a href="/index.php?f=rules" class=mainmenulink><div class=iepng><img src="{THEME}/images/blank.gif" width=30 height=30></div>правила сервера</a></div>
<div class=menulinkdiv><a href="/index.php?f=download" class=mainmenulink><div class=iepng><img src="{THEME}/images/blank.gif" width=30 height=30></div>Файлы</a></div>
<div class=menulinkdiv><a href="/index.php?f=register" class=mainmenulink><div class=iepng><img src="{THEME}/images/blank.gif" width=30 height=30></div>Регистрация</a></div>
<div class=menulinkdiv><a href="/forum/" class=mainmenulink><div class=iepng><img src="{THEME}/images/blank.gif" width=30 height=30></div>Форум</a></div>
<div class=menulinkdiv><a href="/index.php?f=stat" class=mainmenulink><div class=iepng><img src="{THEME}/images/blank.gif" width=30 height=30></div>статистика</a></div>
<div class=menulinkdiv><a href="/index.php?f=donate" class=mainmenulink><div class=iepng><img src="{THEME}/images/blank.gif" width=30 height=30></div>Пожертвования</a></div>
<div class=menulinkdiv><a href="/index.php?f=about" class=mainmenulink><div class=iepng><img src="{THEME}/images/blank.gif" width=30 height=30></div>О Сервере</a></div>
</div>

</tr>
<tr>
<td class=td2>
<div class=zagol><div class=iepng></div><img src="{THEME}/images/zagol/forum.png" class=iepng /></div>
{FORUM_LINKS}
</td>
</tr>
<tr>
<td class=td3>


</td>
</tr>
</table>
</td></tr>
</table>
</td>
<td class=td7 style="background:#0d0d0d url('{THEME}/images/center-top_80.jpg') no-repeat;padding:20px;">
<img src="{THEME}/images/contenttop.png"></img>
{INFO}<br/>{CONTENT}
</td>
<td width=323 style="background:url('{THEME}/images/right_bg_80.jpg') left top repeat-y;">
<table cellspacing=0 cellpadding=0 border=0 align=center width=323>
<tr><td height=1126 style="background:url('{THEME}/images/right_80.jpg') no-repeat;" valign=top>
<table cellspacing=0 cellpadding=0 border=0 align=left width=230>
<tr>
<td class=td4>
<div class=zagol><div class=iepng></div><img src="{THEME}/images/zagol/status.png" class=iepng /></div><br />
{SERVER}
</td>
</tr>
<tr>
<td class=td5>
<div class=zagol><div class=iepng></div><img src="{THEME}/images/zagol/lk.png" class=iepng /></div><br />
{LOGIN}
</td>
</tr>
<tr>
<td class=td6>


{POLL}

</td>
</tr>
</table>
</td></tr>
</table>
</td>
</tr>
</table>
</td></tr>
<tr><td height=201>
<table cellspacing=0 cellpadding=0 border=0 align=center width=1200 height=201>
<tr>
<td width=323 style="background:url('{THEME}/images/left_bottom_80.jpg') right bottom no-repeat;">&nbsp;</td>
<td style="background:#0f0e0a url('{THEME}/images/center-bottom_80.jpg') center bottom no-repeat;padding:20px;"><div class=misuper>


<div style="text-align: center;"><font size="1"><span style="font-family: Tahoma;">Данный сервер является тестовым вариантом игры LineAge II и предназначен только для ознакомления игроков.<br>Все права принадлежат компании NCSOFT</span></font><br style="font-family: Tahoma;"><font size="1"><span style="font-family: Tahoma;">&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; Lineage II and Lineage II the Chaotic Throne are registered trademarks of NCsoft Corporation. Developed by Lineage II Development Studio in NCsoft. </span></font><br style="font-family: Tahoma;"><font size="1"><span style="font-family: Tahoma;">&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;2003-2011 (C) Copyright NCsoft Corporation. All Right Reserved.</span></font><br style="font-family: Tahoma;"><font size="1"><span style="font-family: Tahoma;">&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp; </span></font><br style="font-family: Tahoma;"></div>

</div>



</div></td>
<td width=323 style="background:url('{THEME}/images/right_bottom_80.jpg') left bottom no-repeat;">&nbsp;</td>
</tr>
</table>
</td></tr>
<tr><td height=90 class=lasttable>
<table cellspacing=0 cellpadding=0 border=0 align=center width=400 height=90>
<tr>

</body>
</html>

народ помогите...
Накину на пивко)
roteratte вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 21.04.2011, 19:45   #2
 
Аватар для roteratte
 
Сообщений: 2
FR (активность): 75

Доп. информация
По умолчанию Автор темы Re: Помогите сделать резиновый шаблон

help me pls
roteratte вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
Старый 21.04.2011, 21:05   #3
 
Аватар для падаван
 
Сообщений: 814
FR (активность): 25,662

Доп. информация
По умолчанию Re: Помогите сделать резиновый шаблон

roteratte, грубо говоря, чтобы блоки растягивались, значение width нужно указывать не фиксированное а в процентах: width=100% . вообще же у Вас все зделано не в лучших традициях так скажем, все построено на таблицах, которые содержатся в самом html документе, а не в дивах css, в добавок еще и с кучей ошибок, валидацию точно не пройти тут легче и правильнее все заново написАть, разложить по полочкам в css и не мучатся с корректировкой этого..


ученик SeoCafe
падаван вне форума  
Ответить с цитированием Сказать Плохо за это бесполезное сообщение Быстрый ответ на это сообщение
"Спасибо" от:
terranodar (21.04.2011)
Ответ

Быстрый ответ
Ваше имя пользователя: Регистрация. Для входа нажмите здесь
Случайный вопрос

Сообщение:
Опции
Внимание!
Этой теме более 4050 дней. Вы можете оставить сообщение здесь. Но, обращаем внимание. Возможно, рациональней создать новую тему (найти свежее обсуждение)?


Опции темы
Опции просмотра Оценка этой теме
Оценка этой теме:

Ваши права в разделе
Вы не можете создавать новые темы
Вы можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как сделать шаблон "резиновым" jessica Joomla 15 24.08.2011 12:16
Помогите найти шаблон, а-ля beatport.com Apelsex vBulletin 2 04.02.2011 12:36
Помогите подобрать шаблон и компонент для джумла shumelkamysh Joomla 10 28.12.2010 23:15
Помогите вставить шаблон DLE на uCoz. Alex Bond Создание сайтов другого типа 1 27.08.2010 17:05
Joomla - ротация рекламных блоков... Как это сделать? Grinkoff Joomla 2 20.07.2010 12:16

Текущее время: 08:11. Часовой пояс GMT +3.