aleksej

можно ответить поточнее, я не понимаю, что за сайт вы мне даете и что там делать, мне нужно просто узнать, как задать размер сайту и все!

теперь немного другая проблема, размер фона у меня стал, как надо, но только под ним огромный пробел, так вот как мне уменьшить размер сайта, а не фона?))

CSS- * CSS Document */ *{ padding:0; margin:0; } body{ background: url(images/fon2.jpg); width: 1260px; width: 100%; height: 1500px; } .header{ background: url(images/head.jpg) center no-repeat; width: 1260px; height: 250px; padding: 0px 0px 0px 1px; } .main{ width:970px; margin:0 auto; } .menu{ width: 900px; height: auto; margin: 0px 0px 0px 63px; position: relative; z-index: 5; } .menu li{ list-style: none; float: left; width: 140px; position: relative; } .menu li a{ text-decoration: none; font: 24px "Arial"; color:#FFFFFF; background: #000; display:block; margin: 3px; padding: 10px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; -border-radius: 5px; } .menu li a:hover{ background: #ccc; color: #444; } .menu li ul{ float: none; display: none; position: absolut; } .menu li ul a{ text-decoration: none; font: 24px "Arial"; color:#FFFFFF; background: #000; display:block; margin: 3px; padding: 10px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; -border-radius: 5px; } .menu li ul a:hover{ background: #ccc; color: #444; } .menu li:hover ul { display: block; position: absolute; top: 100%; list-style: none; margin: 0; padding: 0; } .slider{ float:left; width: 900px; position: relative; padding-top: 450px; padding-left: 300px; margin: 100px auto; } .slider>img{ position: absolute; top: 0px; left: 150px; margin-bottom: 600px; transition: all 0.5s; width: 950px; height: 450px; z-index: 1; } .slider input[name=slide_switch] { display: none; } .slider label { margin: 18px 0 0 18px; border: 3px solid #999; float: left; cursor: pointer; transition: all 0.5s; opacity: 0.6; } .slider label img{ display: block; } .slider input[name=slide_switch]:checked+label { border-color: #666; opacity: 1; } .slider input[name=slide_switch] ~ img { opacity: 0; transform: scale(1.1); } .slider input[name=slide_switch]:checked+label+img { opacity: 1; transform: scale(1); } .content{ background: url(images/glblock.jpg) center no-repeat; width: 680px; height: 1200px; padding: 1545px 0px 0px 550px; } .rubrik{ float: left; text-decoration: none; list-style: none; width: 108px; height: 37px; margin: -700px 0px 0px -250px; } .rubrik li a{ display: block; background: url(images/wse.png); text-decoration: none; list-style: none; width: 108px; height: 37px; } .rubrik1{ float: left; text-decoration: none; list-style: none; width: 108px; height: 37px; margin: -700px 0px 0px -145px; } .rubrik1 li a{ display: block; background: url(images/csgo.png); text-decoration: none; list-style: none; width: 108px; height: 37px; } .rubrik2{ float: left; text-decoration: none; list-style: none; width: 108px; height: 37px; margin: -700px 0px 0px -40px; } .rubrik2 li a{ display: block; background: url(images/dota2.png); text-decoration: none; list-style: none; width: 108px; height: 37px; } .rubrik3{ float: left; text-decoration: none; list-style: none; width: 108px; height: 37px; margin: -700px 0px 0px 65px; } .rubrik3 li a{ display: block; background: url(images/wot.png); text-decoration: none; list-style: none; width: 108px; height: 37px; } .rubrik4{ float: left; text-decoration: none; list-style: none; width: 108px; height: 37px; margin: -700px 0px 0px 170px; } .rubrik4 li a{ display: block; background: url(images/sc2.png); text-decoration: none; list-style: none; width: 108px; height: 37px; } .post-main{ width:600px; height:215px; margin: -650px 0px 0px -260px; } .post-main h1{ width:680px; font:16px Garamond; color:#000; } .post-main h1 a{ font:normal 36px Garamond; color:#000; text-decoration: none; } .post-main h1 a:hover{ font:normal 36px Garamond; color:#000; text-decoration: none; } .post-main h1 span{ font:normal 17px Garamond; color:#000; } .post{ font:normal 17px Garamond; color:#000; width:650px; } .post p{ width:650px; font:normal 21px Garamond; color: #000; } .post p a{ font:normal 17px Garamond; color: #000; padding: 0px 0px 0px 570px; text-decoration: underline; } .post p a:hover{ text-decoration: none; } .sidebar{ width: 220px; height: 1300px; margin: -1915px -0px 0px 960px; } .sidebar2{ width: 220px; height: 1300px; margin: -58px 0px 0px -950px; } .footer{ width: 1260px; height: 100px; overflow: hidden; margin: 0px 0px 400px 0px; background: #fff; } HTML- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11:> <title><?php bloginfo('name'); ?><?php wp_title(); ?></title> <meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>"/> <meta name="generator" content="WordPress<?php bloginfo('version'); ?>"/> <!--leave this for stats please--> <link rel='stylesheet id='admin-bar-css' href='C:/Users/SON/Desktop/«оЎЁ­ б ©в/home/Ljuba/www/wp-content/themes/Ljuba/style.css' type='text/css' media='all' /> <link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="<?php bloginfo('rss2_url');?>"/> <link rel="alternate" type="text/xml" title="RSS .92" href="<?php bloginfo('rss_url');?>"/> <link rel="alternate" type="application/atom+xml" title="Atom 0.3" href="<?php bloginfo('atom_url'); ?>" /> <link rel="pingback" href="<?php bloginfo('pingbeck_url'); ?>" /> <link rel="stylesheet" type="text/css" href="style.css" /> <?php wp_get_archives('type=monthly&format=link'); ?> <?php//comments_popup_script(); //off by default ?> <?php wp_head(); ?> <script src="http://thecodeplayer.com/uploads/js/prefixfree.js" type="text/javascript"></script> </head> <body> <div style=" width:1260px; height: 1500px; background: url(images/fon2.jpg) ;"> <div class="header"> </div> <div class="main"> <div class="content-main"> <ul class="menu"> <li><a href="#">Главная</a></li> <li><a href="#">История</a></li> <li><a href="#">Команды</a> <ul> <li><a href="#">CS:GO</a></li> <li><a href="#">DOTA 2</a></li> <li><a href="#">SC 2</a></li> <li><a href="#">WoT</a></li> </ul> </li> <li><a href="#">Партнеры</a></li> <li><a href="#">Форум</a></li> <li><a href="#">О нас</a></li> </ul> </div> </div> <div class="slider"> <input type="radio" name="slide_switch" id="id1"/> <label for="id1"> <img src="http://s017.radikal.ru/i416/1303/d5/5bb741893c99.jpg" width="100"/> </label> <img src="http://s017.radikal.ru/i416/1303/d5/5bb741893c99.jpg"/> <input type="radio" name="slide_switch" id="id2" checked="checked"/> <label for="id2"> <img src="http://s017.radikal.ru/i403/1303/ca/c54d2273ef53.jpg" width="100"/> </label> <img src="http://s017.radikal.ru/i403/1303/ca/c54d2273ef53.jpg"/> <input type="radio" name="slide_switch" id="id3"/> <label for="id3"> <img src="http://i060.radikal.ru/1303/4f/3815af5b8422.jpg" width="100"/> </label> <img src="http://i060.radikal.ru/1303/4f/3815af5b8422.jpg"/> <input type="radio" name="slide_switch" id="id4"/> <label for="id4"> <img src="http://s018.radikal.ru/i519/1303/cd/bf1f75d5191c.jpg" width="100"/> </label> <img src="http://s018.radikal.ru/i519/1303/cd/bf1f75d5191c.jpg"/> <input type="radio" name="slide_switch" id="id5"/> <label for="id5"> <img src="http://s020.radikal.ru/i722/1303/2c/ff2057e8be74.jpg" width="100"/> </label> <img src="http://s020.radikal.ru/i722/1303/2c/ff2057e8be74.jpg"/> </div> <div class="content"> <ul class="rubrik"> <li><a href="#"></a></li> </ul> <ul class="rubrik1"> <li><a href="#"></a></li> </ul> <ul class="rubrik2"> <li><a href="#"></a></li> </ul> <ul class="rubrik3"> <li><a href="#"></a></li> </ul> <ul class="rubrik4"> <li><a href="#"></a></li> </ul> <div class="post-main"> <h1><a href="#">Title </a><span> (13.03.2013)</span></h1> <div class="post"> <p>Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p> <p><a href="#">Read next</a></p> </div> <h1><a href="#">Title </a><span> (13.03.2013)</span></h1> <div class="post"> <p>Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p> <p><a href="#">Read next</a></p> </div> <h1><a href="#">Title </a><span> (13.03.2013)</span></h1> <div class="post"> <p>Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p> <p><a href="#">Read next</a></p> </div> <h1><a href="#">Title </a><span> (13.03.2013)</span></h1> <div class="post"> <p>Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p> <p><a href="#">Read next</a></p> </div> <h1><a href="#">Title </a><span> (13.03.2013)</span></h1> <div class="post"> <p>Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p> <p><a href="#">Read next</a></p> </div> </div> </div> <div class="sidebar"> </div> <div class="sidebar2"> </div> <div class="footer"> <div class="cpy" <p>Kiber-bs.org <br /> Все права зашишены. <br /> E-mail: support@kiber-bs.org </p> </div> </div> </body> </html> вот хД

помогите, устанавливаю с помощью css высоту 1500, а она все равно 1900 остаеться( что делать??

можно чуть поточнее, где и как прописать) а все, гугл объяснил, спасибо за помощь!)

как сделать, чтобы выпадающее меню залезало на слайдер, а то получается, что у меня слайдер налезает на меню, а не наоборот...

можете объяснить, что это )) я новичек в этом...

навожу курсор на меню, но ничего не происходит, хотя до того как вставил в код слайдер, все работало, с чем может быть связано? вот коды HTML- <body> <div class="header"> </div> <div style=" width:1260px; height:1700px; background: url(images/fon.jpg) ;"/> <div class="main"> <div class="content-main"> <ul class="menu"> <li><a href="#">Главная</a></li> <li><a href="#">История</a></li> <li><a href="#">Команды</a> <ul> <li><a href="#">CS:GO</a></li> <li><a href="#">DOTA 2</a></li> <li><a href="#">ST 2</a></li> <li><a href="#">WoT</a></li> </ul> </li> <li><a href="#">Партнеры</a></li> <li><a href="#">Форум</a></li> <li><a href="#">О нас</a></li> </ul> </div> </div> <div class="slider"> <input type="radio" name="slide_switch" id="id1"/> <label for="id1"> <img src="http://thecodeplayer.com/uploads/media/3yiC6Yq.jpg" width="100"/> </label> <img src="http://thecodeplayer.com/uploads/media/3yiC6Yq.jpg"/> <!--Lets show the second image by default on page load--> <input type="radio" name="slide_switch" id="id2" checked="checked"/> <label for="id2"> <img src="http://thecodeplayer.com/uploads/media/40Ly3VB.jpg" width="100"/> </label> <img src="http://thecodeplayer.com/uploads/media/40Ly3VB.jpg"/> <input type="radio" name="slide_switch" id="id3"/> <label for="id3"> <img src="http://thecodeplayer.com/uploads/media/00kih8g.jpg" width="100"/> </label> <img src="http://thecodeplayer.com/uploads/media/00kih8g.jpg"/> <input type="radio" name="slide_switch" id="id4"/> <label for="id4"> <img src="http://thecodeplayer.com/uploads/media/2rT2vdx.jpg" width="100"/> </label> <img src="http://thecodeplayer.com/uploads/media/2rT2vdx.jpg"/> <input type="radio" name="slide_switch" id="id5"/> <label for="id5"> <img src="http://thecodeplayer.com/uploads/media/8k3N3EL.jpg" width="100"/> </label> <img src="http://thecodeplayer.com/uploads/media/8k3N3EL.jpg"/> </div> <div class="content"> <ul class="rubrik"> <li><a href="#"></a></li> </ul> <ul class="rubrik1"> <li><a href="#"></a></li> </ul> <ul class="rubrik2"> <li><a href="#"></a></li> </ul> <ul class="rubrik3"> <li><a href="#"></a></li> </ul> <ul class="rubrik4"> <li><a href="#"></a></li> </ul> <div class="post-main"> <h1><a href="#">Title </a><span> 13.03.2013</span></h1> <div class="post"> <p>Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p> <p><a href="#">Read next</a></p> </div> </div> </div> <div class="login"> </div> </div> </body> CSS- *{ padding:0; margin:0; } body{ background: url(images/fon.jpg); width: 1260px; width: 100%; } .header{ background: url(images/head.jpg) center no-repeat; width: 1260px; height: 250px; padding: 0px 0px 0px 1px; } .main{ width:970px; margin:0 auto; } .menu{ width: 900px; margin: -95px 200px 0px 60px; position: relative; } .menu li{ list-style: none; float: left; width: 140px; position: relative; } .menu li a{ text-decoration: none; font: 24px "Arial"; color:#FFFFFF; background: #000; display:block; margin: 3px; padding: 10px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; -border-radius: 5px; } .menu li a:hover{ background: #ccc; color: #444; } .menu li ul{ float: none; display: none; position: absolut; } .menu li ul a{ text-decoration: none; font: 24px "Arial"; color:#FFFFFF; background: #000; display:block; margin: 3px; padding: 10px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; -border-radius: 5px; } .menu li ul a:hover{ background: #ccc; color: #444; } .menu li:hover ul { display: block; position: absolute; top: 100%; list-style: none; margin: 0; padding: 0; } .content{ background: url(images/glblock.png) center no-repeat; width: 680px; height: 1100px; padding: 140px 340px 0px 230px; } .rubrik{ text-decoration: none; list-style: none; width: 108px; height: 37px; margin: -50px 0px 00px 70px; } .rubrik li a{ display: block; background: url(images/wse.png); text-decoration: none; list-style: none; width: 108px; height: 37px; } .rubrik1{ text-decoration: none; list-style: none; width: 108px; height: 37px; margin: -37px 0px 0px 175px; } .rubrik1 li a{ display: block; background: url(images/csgo.png); text-decoration: none; list-style: none; width: 108px; height: 37px; } .rubrik2{ text-decoration: none; list-style: none; width: 108px; height: 37px; margin: -37px 0px 00px 280px; } .rubrik2 li a{ display: block; background: url(images/dota2.png); text-decoration: none; list-style: none; width: 108px; height: 37px; } .rubrik3{ text-decoration: none; list-style: none; width: 108px; height: 37px; margin: -37px 0px 0px 385px; } .rubrik3 li a{ display: block; background: url(images/wot.png); text-decoration: none; list-style: none; width: 108px; height: 37px; } .rubrik4{ text-decoration: none; list-style: none; width: 108px; height: 37px; margin: -37px 0px 00px 490px; } .rubrik4 li a{ display: block; background: url(images/sc2.png); text-decoration: none; list-style: none; width: 108px; height: 37px; } .post-main{ width:680px; height:210px; padding: 20px 0px 0px 70px; } .post-main h1{ width:680px; font:16px Garamond; color:#000; } .post-main h1 a{ font:normal 36px Garamond; color:#000; text-decoration: none; } .post-main h1 a:hover{ font:normal 36px Garamond; color:#000; text-decoration: underline; } .post-main h1 span{ font:normal 17px Garamond; color:#000; } .post{ font:normal 17px Garamond; color:#000; width:650px; } .post p{ width:650px; } .post p a{ font:normal 14px Garamond; color: #000; padding: 0px 0px 0px 550px; text-decoration: underline; } .post p a:hover{ text-decoration: none; } .login{ background: url(images/profile.png) no-repeat; width: 242px; height: 155px; margin: -1150px 0px 0px 1000px; } .slider{ position: relative; padding-top: 420px; padding-left: 300px; margin: 100px auto; } .slider>img{ position: absolute; top: 100px; left: 300px; margin-bottom: 600px; transition: all 0.5s; } .slider input[name=slide_switch] { display: none; } .slider label { margin: 18px 0 0 18px; border: 3px solid #999; float: left; cursor: pointer; transition: all 0.5s; opacity: 0.6; } .slider label img{ display: block; } .slider input[name=slide_switch]:checked+label { border-color: #666; opacity: 1; } .slider input[name=slide_switch] ~ img { opacity: 0; transform: scale(1.1); } .slider input[name=slide_switch]:checked+label+img { opacity: 1; transform: scale(1);

decode - огромное спасибо, мне все примерно это говорили, но не говорили где именно поставиь, спастбо вам!! и спасибо всем!))

исправил html, но все-равно контент отходит вниз, теперь код такой Html- <div class="main"> <div class="content-main"> <ul class="menu"> <li><a href="#">Главная</a></li> <li><a href="#">История</a></li> <li><a href="#">Команды</a> <ul> <li><a href="#">CS:GO</a></li> <li><a href="#">DOTA 2</a></li> <li><a href="#">ST 2</a></li> <li><a href="#">WoT</a></li> <li><a href="#">FIFA</a></li> </ul> </li> <li><a href="#">Партнеры</a></li> <li><a href="#">Форум</a></li> <li><a href="#">О нас</a></li> </ul> </div> </div> <div class="content"> <div class="post-main"> <h1><a href="#">Title </a><span> 13.03.2013</span></h1> <div class="post"> <p>Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text t</p> <p><a href="#">Read next</a></p> </div> CSS- *{ padding:0; margin:0; } body{ background: url(images/fon.jpg); width: 1265px; width: 100%; } .header{ background: url(images/head.jpg) center no-repeat; width: 1260px; height: 300px; } .main{ width:970px; margin:0 auto; } .menu{ width: 900px; margin: 0px 200px 0px 60px; position: relative; } .menu li{ list-style: none; float: left; width: 140px; } .menu li a{ text-decoration: none; font: 24px "Arial"; color:#FFFFFF; background: #000; display:block; margin: 3px; padding: 10px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; -border-radius: 5px; } .menu li a:hover{ background: #ccc; color: #444; } .menu li ul{ float: none; display: none; position: absolut; } .menu li ul a{ text-decoration: none; font: 24px "Arial"; color:#FFFFFF; background: #000; display:block; margin: 3px; padding: 10px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; -border-radius: 5px; } .menu li ul a:hover{ background: #ccc; color: #444; } .menu li:hover ul { display: block; position: relative; list-style: none; margin: 0; padding: 0; } .content{ width:680px; height:1000px; float:left; margin: 0px 0px 0px 150px; } .post-main{ border: 1px solid #000; width:680px; height:200px; background:#fff; padding: 5px 0px 0px 0px; } .post-main h1{ font:16px Garamond; color:#000; background:#fff; width:680px; } .post-main h1 a{ font:normal 36px Garamond; color:#000; text-decoration: none; } .post-main h1 a:hover{ font:normal 36px Garamond; color:#000; text-decoration: underline; } .post-main h1 span{ font:normal 17px Garamond; color:#fff; } .post{ margin:0px 15px 15px 15px; font:normal 17px Garamond; color:#000; } .post p a{ font:normal 14px Garamond; color:#000; padding: 30px 0px 0px 580px; text-decoration: underline; } .post p a:hover{ text-decoration: none; } что делать?((

Switch74- не помоголо( rus- я новичек в этом, какие тут ошибки?

HTML- <div id="nav"> <li><a href="#">Главная</a></li> <li><a href="#">История</a></li> <li><a href="#">Команды</a> <ul> <li><a href="#">CS:GO</a></li> <li><a href="#">Dota 2</a></li> <li><a href="#">SC 2</a></li> <li><a href="#">FIFA</a></li> <li><a href="#">WoT</a></li> </ul> </li> <li><a href="#">Турниры</a></li> <li><a href="#">Партнеры</a></li> <li><a href="#">О нас</a></li> </div> <div class="content"> <div class="post-main"> </div> </div> CSS- #nav{ width: 900px; margin: 300px 200px 0px 200px; } li{ list-style: none; float: left; width: 140px; } ul{ display: none; } a{ text-decoration: none; font: 24px "Arial"; color:#FFFFFF; background: #000; display:block; margin: 3px; padding: 10px; text-align: center; -moz-border-radius: 5px; -webkit-border-radius: 5px; -border-radius: 5px; } a:hover{ background: #ccc; color: #444; } li:hover ul { display: block; } .content{ width:600px; height:1000px; float:left; margin: 0px 240px 340px 0px; } .post-main{ width:600px; height:1000px; float:left; border: 1px solid #000; background:#fff; margin: 10px 0px 0px 320px; } вот)

помогите, сделал выпадающее меню, но проблема в том, когда сделал основной контент, при выпадении меню, контент уходит вниз из-за меню, как сделать, чтобы меню выпадала на контент, тоесть поверх моего контента и не сдвигало его?? Если нужен код пишите!