Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Последние темы
» Как удалить пользователя?
автор Nhlvegas Вчера в 22:41

» ЛС в новом окне
автор fatalone Вчера в 21:21

» Новый владелец сайта
автор Лёлик8 Ср 21 Июн - 22:23

» раздача наград, очков, "спасибо"
автор irina27 Ср 21 Июн - 21:04

» Убрать слово "цитата" - 2
автор Aster Ср 21 Июн - 15:46

» не уходит массовая рассылка
автор facebook Ср 21 Июн - 11:51

» Не работает ВЫДЕЛИТЬ СОДЕРЖИМОЕ в коде
автор Xan_Kriegor Вт 20 Июн - 23:27

» Переезд сайта
автор Dana Domirani Вт 20 Июн - 14:27

» Как изменить надпись на кнопке при регистрации.
автор blesk-55 Вс 18 Июн - 22:02

» Закон о персональных данных
автор Пеппи Вс 18 Июн - 10:49

Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

HTML страница слишкои большая, нужна помощ.

Предыдущая тема Следующая тема Перейти вниз

HTML страница слишкои большая, нужна помощ.

Сообщение автор molniya в Ср 12 Сен - 18:58

Всем привет кто читает эту тему. Прошу вас помочь мне, я сделал страницу HTML как главную форума. Но есть проблема вроде бы незначительная, но она мне мешает и покоя не даёт. Сам попытался что то сделать, но не получилось, я подозреваю. что картинки которые присутствуют в этой странице нужно уменьшить, но пока не решаюсь это сделать, так как может быть есть ответ чтобы не рисовать их заново, Дело в том что если зайти на форум у меня браузер Opera, то нижняя часть браузера имеет ползунок, если страница по ширине большая, то этот ползунок даёт возможность прокрутить форум как влево или в право, так же и вниз и вверх. Но у меня на форуме этого делать не приходится так как всё идеально подходит по размеру окна браузера, но та страница которая создана как главная форума (HTML) её приходится прокручивать, она не вписывается как сам форум по размеру. Как решить этот вопрос, чтобы было всё идеально без прокрутки браузерного ползунка.


molniya
 

Мужчина

Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 165

Без предупреждений

Вернуться к началу Перейти вниз

Re: HTML страница слишкои большая, нужна помощ.

Сообщение автор Домовой в Ср 12 Сен - 19:02

Нужен адрес форума, адрес страницы, размер, то есть ширина форума и полный код этой страницы вместе с картинками.
Бум посмотреть что можно сделать))
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3230

Без предупреждений

Вернуться к началу Перейти вниз

Re: HTML страница слишкои большая, нужна помощ.

Сообщение автор molniya в Ср 12 Сен - 19:15

Вот адрес форума http://racedriverclub.forum2x2.ru/














Код:
<!DOCTYPE html>
<head>
<link rel="shortcut icon" type="image/x-icon" href="http://s017.radikal.ru/i442/1110/14/35f72302e1c7.png " />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>RaceDriverClub | Главная</title>
<style type="text/css">
@charset "utf-8";

* {   margin: 0px; padding: 0px;}
body {background-color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}
.clear {clear:both;}
#wrap {width: 1477px; margin:0px auto 5px auto;}
#wrap #header #sitename {color: #ffffff; font-family: Georgia, "Times New Roman", Times, serif; font-size: 58px; font-weight: normal; display: block; padding-top: 140px; text-align: right; padding-right: 50px;}
#sitename a, #sitename a:visited, #sitename a:active{color:#ffffff; text-decoration:none;}
#sitename a:hover{color:#ffffcc; text-decoration:none;}
#header {background: url('http://www.snapsnap.ru/i/rewall116xex.png') no-repeat; height:255px;width:1442px; }
#page {padding:0px 10px 0px 0px;}
#page #menu { display: inline-block; float:left;background: url('http://www.snapsnap.ru/i/rewall17.png') no-repeat; width:394px; height:565px;}
#page #newmenu {display: inline-block;float:left;  background: url('http://www.snapsnap.ru/i/rewall13.png') no-repeat; width:285px; height:565px; margin:0px 0px 0px 0px;}
#page #content { display: inline-block; float:left; background: url('http://www.snapsnap.ru/i/rewall14.png') no-repeat;  width:738px; height:565px; margin:0px 0px 0px 0px; padding:0px 20px 0px 5px;}

#content p {line-height:22px; margin:0px 0px 25px 0px;}
#content h2 {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; font-size:26px; color:#3c3d3a; display:block; margin-bottom:20px;}
#content a {color:#999999;}
#content a:visited {color:#666666;}
#content a:active { color:#99CC00;}
#content a:hover {color:#000000; text-decoration:none;}
#content h2 .seo {display:block; text-align:right; font-size:10px; color:#999999;  padding:3px;margin:5px;}
#content blockquote {display:block; padding:5px; margin:10px; text-align:center; font-family:Georgia, "Times New Roman", Times, serif; color:#383838; background:#c0c0c0; border-top:dashed 1px #666666; border-bottom:dashed 1px #666666;}
#content blockquote p {margin:0px;}
#content blockquote cite {color:#000000; display:block; text-align:right; padding:5px; border-top:solid 1px  #FFFFFF;}
#content img {background:#fffff; margin:5px; padding:5px; border:solid 0px #999999;}
#content .alignleft {float:left;}
#content .alignright {float:right;}
#content .postmetadata {display:block; padding:3px; background: #E3EDAF;}
#content h1,#content h3,#content h4,#content h5,#content h6 {color:#666600;}
#content ul {list-style:square;  padding:5px; margin:10px 10px 10px 20px;}
#content li {padding:5px; margin-bottom:10px;}
#content ol {padding:5px; margin:10px 10px 10px 20px;}

#browse { background:url('http://www.snapsnap.ru/i/postbo10.jpg') no-repeat; padding:40px 5px 10px 5px;}
#browse .subhead{font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; padding-left:25px; font-size:26px; color:#666600; display:block; margin-bottom:35px;}
#browse .categoryhead {font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal; padding:5px; font-size:22px; color:#666600; display:block; border-bottom:solid 1px #ffffff;}
#browse ul {list-style:none;}
#browse li {display:block; height:25px; border-top:solid 1px #FEFEFC; border-top: solid 1px #EBE6B4;}
#browse ul a {display:block; height:20px; padding:5px 5px 0px 5px; text-decoration:none; color:#000000;}
#browse a:visited,active{display:block; height:20px; padding:5px 5px 0px 5px; text-decoration:none; color:#000000;border-bottom:solid 1px #D7C479;}
#browse a:hover {background:#ffffff; color:#000000;}
.browsecat {float:left; width:30%; padding:5px 6px 8px 6px; margin-left:10px; border:solid 1px #F3ECBE; background:#FBFAF0;}

#menu h2 {display:block; color:#bbdd6d; border-bottom:solid 0px #DFCD95; padding:5px; font-family:Georgia, "Times New Roman", Times, serif; font-size:28px; font-weight:normal;}
#wrap #page #menu #sidemenu {padding: 123px 45px 0px 187px; display: block;}
#sidemenu ul { display:block;list-style:none;}
#sidemenu a, #sidemenu a:visited, #sidemenu a:active {display:block; height:40px; padding:0px 0px 0px 0px; color:#808080; text-decoration:none;}

#footer {background: url('http://www.snapsnap.ru/i/rewall15.png') no-repeat; background-position:bottom; height:99px; width:1442px;  text-align:center;}
#footercontent {margin:0px; padding-top:35px;}
#footer a, #footer a:visited, #footer a:active {color:#666666; text-decoration:none;}
#footer #credit {font-size:10px;}

.textfield {display: block; float:left; width:65%; background-color: #F3F4E8; margin:3px 3px 3px 30px; padding:3px;   border: 1px solid #D6D9AE; clear:right;}
label {   display: block; float:left; text-align:right; font-weight:bold; width:20%; margin:3px; padding: 5px;}
.button {display: block; padding:0px; background-color:#E3E6C8; margin:3px;   border: 2px solid #efefef; color:#000000;}
.textfield:hover {background:#FBFCF8;}
.textfield:focus {background:#ffffff;}
#content .clear2 {clear:right; width:90%;}
.hide {display:none;}
#content table {margin:10px; width:500px; border:solid 1px #BDDB99;}
#content th {background:#DFEDCD; padding:5px 15px 5px 15px; color:#999933; font-weight:bold; text-align:center; }
#content td {border-bottom:1px solid #DFEDCD ; padding:5px 15px 5px 15px; border-right:1px solid #DFEDCD;}

ul.mainlevel a span {
 display:none
}
li#item1{
padding:15px 0px 0px 4px; }
li#item2{
padding: 11px 0px 0px 4px;}
li#item3{
padding: 11px 0px 0px 4px;}
li#item4{
padding: 11px 0px 0px 2px;}
li#item5{
padding: 6px 0px 0px 0px;}

li#item1 a { 
display:block;
width:150px;
height:40px;
background:url('http://i32.servimg.com/u/f32/17/22/20/55/dddddd14.png');
}

li#item2 a {
display:block;
width:150px;
height:40px;
background:url('http://i32.servimg.com/u/f32/17/22/20/55/ndnnd10.png');
}

li#item3 a {
display:block;
width:150px;
height:40px;
background:url('http://i32.servimg.com/u/f32/17/22/20/55/ndudd10.png');
}        

li#item4 a {
display:block;
width:150px;
height:40px;
background:url('');
}        

li#item5 a {
display:block;
width:150px;
height:40px;
background:url('');
}
li#item1 a:hover{background: url('http://i32.servimg.com/u/f32/17/22/20/55/dddddd16.png') ;}
li#item2 a:hover{background: url('http://i32.servimg.com/u/f32/17/22/20/55/ndnnd110.png') ;}
li#item3 a:hover{background: url('http://i32.servimg.com/u/f32/17/22/20/55/ndudd110.png') ;}
li#item4 a:hover{background: url('') ;}
li#item5 a:hover{background: url('') ;}
   
#sidemenu .active1 a,#sidemenu .active1 a:visited, #sidemenu .active1 a:active, #sidemenu .active1 a:hover {background: url('http://i32.servimg.com/u/f32/17/22/20/55/dddddd14.png') ;}
#sidemenu .active2 a,#sidemenu .active2 a:visited, #sidemenu .active2 a:active, #sidemenu .active2 a:hover {background: url('http://i32.servimg.com/u/f32/17/22/20/55/ndnnd10.png') ;}
#sidemenu .active3 a,#sidemenu .active3 a:visited, #sidemenu .active3 a:active, #sidemenu .active3 a:hover {background: url('http://i32.servimg.com/u/f32/17/22/20/55/ndudd10.png')  ;}
#sidemenu .active4 a,#sidemenu .active4 a:visited, #sidemenu .active4 a:active, #sidemenu .active4 a:hover {background: url('')  ;}
#sidemenu .active5 a,#sidemenu .active5 a:visited, #sidemenu .active5 a:active, #sidemenu .active5 a:hover {background: url('') ;}
</style>
</head>


<body><div id="wrap"><div id="header">
<h1 id="sitename"><FONT size=7  face=Taurus>  </FONT> </h1>
</div><div id="page"><div id="menu"><div id="sidemenu">
<ul class="mainlevel">

 <li id="item1"><a href="http://racedriverclub.forum2x2.ru/portal" class="mainlevel" title="Главная"><span>Главная</span></a>
 <li id="item2"><a href="/forum" class="mainlevel" title="Форум"><span>Форум</span></a>
 <li id="item3"><a href="/register" class="mainlevel" title=" Регистрация "><span>Регистрация</span></a>


</ul>


</div>
</div><div id="content">
<h2>Главная страница<span class="seo"><font color="000000">RaceDriver</font></span></h2>

<IMG  class=alignright alt="First Guild " src ="http://www.snapsnap.ru/i/ddudd10ede.gif" >
<p>
<font color="000000">Добро пожаловать на форум RaceDruverClub.<br> Это обычный форум на бесплатном хостинге, Тут мы проводим разные чемпионаты а так же марафоны, вся игра-гонка проходит в online режиме. У нас есть как средней степени пилоты, а так же и вышей категории  мастерства и пилотажа :</font><a href="http://racedriverclub.forum2x2.ru/f28-forum "> http://first.forumy.eu/forum </a> .
 <font color="000000">Для незарегистрированных пользователей, у нас есть специальный раздел для гостей.</font>
<p>
<a href=" http://racedriverclub.forum2x2.ru/c5-category">Ссылка раздел чемпионатов</a> .
</p>
<br>
<br>

<h2><span class="seo"><font color="000000">Club</font></span></h2>
<p>
 <font color="000000">Если Вы хотите вступить в RaceDriverClub, то перейдите на наш форум в раздел</font><a href="http://racedriverclub.forum2x2.ru/t780-topic">"Обсуждения форума"</a><font color="000000"> и внимательно прочитайте полезную информацию! Только после этого создайте новую тему и напишите там ответы на, поставленные перед Вами, вопросы.</font><br>
<p>

</div><div id="newmenu"></div><div class="clear"></div><div id="footer"><div id="footercontent">
<p>RDC  ©  2010</p>
<p><A href=" http://first.forumy.eu/forum">Forum</A> |
<A href=" http://first.forumy.eu/c1-category ">Общее</A> | <a href="http://www.forum2x2.ru" target="_blank">forum2x2.ru</a> </p>


</div>
</div>
</div></div>
</body>
</html>

molniya
 

Мужчина

Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 165

Без предупреждений

Вернуться к началу Перейти вниз

Re: HTML страница слишкои большая, нужна помощ.

Сообщение автор Домовой в Ср 12 Сен - 19:34

о нет, там составная картинка, я не возьмусь.
Зачем так сложно делать то?
Не проще было нарисовать цельной фон нужного размера?
avatar
Домовой
 

Мужчина

Сообщения : 6805
Возраст : 93
Регистрация : 2010-01-30
Благодарности : 3230

Без предупреждений

Вернуться к началу Перейти вниз

Re: HTML страница слишкои большая, нужна помощ.

Сообщение автор molniya в Ср 12 Сен - 19:43

Домовой я этот код не делал, я его скопировал на форуме тут в какой то теме, и просто картинки переделал пот свои, ну и кое что переписал в коде под свой форум. Если был бы код тот про который ты имеешь ввиду, то я радостью бы переделал эту страницу с цельной картинкой. Но увы я такого кода не имею Ну что же, нет так нет пусть будет так как есть спасибо за ответ.

molniya
 

Мужчина

Сообщения : 1071
Регистрация : 2010-11-15
Благодарности : 165

Без предупреждений

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу

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

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения