Код:
<style> .vse { height: 300px; width: 800px; } .odin{ display: inline-block; vertical-align: top; height: 300px; width: 33%; } .dwa{ display: inline-block; vertical-align: top; height: 300px; width: 66%; } .amc{ height: 150px; width: 95%; } .activ{ height: 150px; width: 99%; } .nov{ height: 100px; width: 95%; overflow-x: hidden; } .nov2{ vertical-align: top; height: 150px; width: 99%; } .nov3, .nov4 { display: inline-block; width: 49%; } .part { vertical-align: top; height: 110px; width: 99%; overflow-x: hidden; } .nav{ vertical-align: top; height: 110px; width: 99%; overflow-x: hidden; } a.navi, a.navi:active, a.navi:link, a.navi:visited { font-family: tahoma; font-size: 11px; background-color:#832480; color: #dcd3dc; font-weight: normal; text-align:center; display: block; margin: 1px; text-decoration: none; border-left-style: solid; border-left-color: #dcd3dc; border-left-width: 4px; width:160px; } a.navi:hover { font-family: tahoma; font-size: 11px; color: #832480; background-color:#dcd3dc; display: block; font-weight: bold; text-align:center; cursor:crosshair; text-decoration: none; border-left-style: solid; border-left-color: #832480; border-left-width: 4px; width:160px; letter-spacing: 6px; } .zag{ font-variant: small-caps; font-size: 1.4em; color: rgb(7, 45, 3); text-shadow: 1px 1px 2px rgb(132, 35, 128), 0 0 1em rgb(65,86,49); padding-bottom: 5px; padding-top: 5px; text-align: center; border-color: rgb(4, 58, 13); border-style: dashed; border-left: none; border-width: 1px; border-right: none; width: 200px; margin: 5px; } </style> <div class='vse'> <div class='odin'> <div class='amc'> <center><div class='zag'> АДМИНИСТРАЦИЯ </div></center> <center> x x x <a class='navi' href="http://nightvale.rolka.su/viewtopic.php?id=7">Гостевая и F.A.Q.</a> <img src='http://forumstatic.ru/files/0014/f2/c9/39393.jpg'> <img src='http://forumstatic.ru/files/0014/f2/c9/39393.jpg'> <img src='http://forumstatic.ru/files/0014/f2/c9/39393.jpg'> <br>•M.Weber • ... •M.Crossman </center> </div> <div class='activ'> <center><div class='zag'> АКТИВИСТЫ </div></center> <center>x x x</center> <center><img src='http://forumstatic.ru/files/0014/f2/c9/39393.jpg'> <img src='http://forumstatic.ru/files/0014/f2/c9/39393.jpg'> <img src='http://forumstatic.ru/files/0014/f2/c9/39393.jpg'> <br> </center> </div> </div> <div class='dwa'> <center><div class='zag'> НОВОСТИ </div></center> <div class='nov'> <div id='mycustomscroll' class='flexcroll'> <b>В ИГРЕ:</b> <a href="http://nightvale.rolka.su/viewtopic.php?id=23#p268">2024 год.</a> <br>Найт Вейл – маленький городок в пустыне на юго-западе США со всеми вытекающими из этого последствиями. <center>x x x</center> Добро пожаловать на ролевую игру "Найт Вейл", созданную по мотивам одноименного подкаста. Абсурд, мистика, сюрреализм, крипота, Гейман, Кинг и фансервис. В парке для выгула собак нельзя гулять с собаками и вообще нельзя гулять, и загадочные огни мерцают в небе, пока все делают вид, что спят. </div></div> <div class='nov2'> <div class='nov3'> <center><div class='zag'> БАННЕРЫ </div></center> <div class='part'> <div id='mycustomscroll' class='flexcroll'> <center><a title="Каталог фэнтези сайтов Палантир" href='http://palantir.in/?from=18861' target='_blank'> <script type="text/javascript"> Md=document;Mnv=navigator; Mrn=Math.random();Mn=(Mnv.appName.substring(0,2)=="Mi")?0:1;Mp=0;Mz="p="+Mp+"&"; Ms=screen;Mz+="wh="+Ms.width+'x'+Ms.height;My="<img src='http://palantir.in/count.php?id=18861&cid=concept5.png";My+="&cntc=none&rand="+Mrn+"&"+Mz+"&referer="+escape(Md.referrer)+'&pg='+escape(window.location.href);My+="' alt='Palantir' title='Каталог фэнтези сайтов Палантир' border='0' width='88px' height='31px'>";Md.write(My);</script> <noscript><img src="http://palantir.in/count.php?id=18861&cid=concept5.png" alt='Palantir' title="Каталог фэнтези сайтов Палантир" border=0 width="88px" height="31px"></noscript> </a> <!--LiveInternet counter--><script type="text/javascript"><!-- document.write("<a href='//www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t44.9;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet' "+ "border='0' width='31' height='31'><\/a>") //--></script><!--/LiveInternet--> <br> <a href="http://kventaly.mybb.ru/" target="_blank" title="Европа, Квенталия, год 2013-й"> <img src="http://f3.s.qip.ru/16IxPHUjo.gif" border="0" width="88" height="31" alt="Политический детектив"> </a> <a href="http://ulegends.rusff.me/" target="_blank"><img src="http://uploads.ru/i/r/p/O/rpObC.png" alt="Городские легенды"/></a> <a href="http://otma.mybb.ru/" target=_blank title="Российская империя: новая история"><img src="http://s010.radikal.ru/i314/1501/4f/f7e6782d2085.jpg"></a> <a title="Темный Дворецкий и Блич - кроссоверная ролевая игра" href="http://kshitsuji.6bb.ru/"><img src="http://forumstatic.ru/files/0014/33/c8/65792.gif" alt="" width="88" height="31" /></a></center> </div> </div> </div> <div class='nov4'> <center><div class='zag'> НАВИГАЦИЯ </div></center> <div class='navi'> <center> x x x <a class='navi' href="http://nightvale.rolka.su/viewtopic.php?id=4">Правила</a> <a class='navi' href="http://nightvale.rolka.su/viewtopic.php?id=13">Сюжет</a> <a class='navi' href="http://nightvale.rolka.su/viewtopic.php?id=22">Путеводитель</a> <a class='navi' href="http://nightvale.rolka.su/viewtopic.php?id=21">Способности</a> <a class='navi' href="http://nightvale.rolka.su/viewtopic.php?id=52#p269">Жители</a> <a class='navi' href="http://nightvale.rolka.su/viewtopic.php?id=12">Внешности</a> <a class='navi' href="http://nightvale.rolka.su/viewtopic.php?id=5#p34">Шаблон анкеты</a> </center> </div> </div> </div> </div> </div>