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

автор molniya Сентябрь 12th 2012, 18:58

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

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

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

автор Домовой Сентябрь 12th 2012, 19:02

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

автор molniya Сентябрь 12th 2012, 19:15

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

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

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

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

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

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

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

Код:: <!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>

автор Домовой Сентябрь 12th 2012, 19:34

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

автор molniya Сентябрь 12th 2012, 19:43

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

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

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

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

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

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

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