skvaer09

Нет, я не понял где)

Kray Storm : Вот почему когда я убираю скрипт то блоки встают нормально?? А если он есть то блоки встаю не так как надо http://jsfiddle.net/TcyVC/ $(document).ready(function() { $('div[id^=blockNav]').hide(); $('div.closeBlock').click(function(){ $('div[id^=blockNav]').fadeOut(0,1); $('ul.mainMenu > li').css({'opacity':'1'}).removeClass('actve'); }); $('li.Diablo1').click (function() { $('ul.mainMenu > li:not(li.Diablo1)').removeClass('active').css({ 'opacity':'0.6' }); $(this).addClass('active').css({'opacity':'1'}); $('div#blockNav1').fadeIn(0,1); $('div[id^=blockNav]:not(div#blockNav1)').fadeOut(0,1); }); $('li.warCraft2').click (function() { $('ul.mainMenu > li:not(li.warCraft2)').removeClass('active').css({ 'opacity':'0.6' }); $(this).addClass('active').css({'opacity':'1'}); $('div#blockNav2').fadeIn(0,1); $('div[id^=blockNav]:not(div#blockNav2)').fadeOut(0,1); }); $('li.wow3').click (function() { $('ul.mainMenu > li:not(li.wow3)').removeClass('active').css({ 'opacity':'0.6' }); $(this).addClass('active').css({'opacity':'1'}); $('div#blockNav3').fadeIn(0,1); $('div[id^=blockNav]:not(div#blockNav3)').fadeOut(0,1); }); $('li.starcraft4').click (function() { $('ul.mainMenu > li:not(li.starcraft4)').removeClass('active').css({ 'opacity':'0.6' }); $(this).addClass('active').css({'opacity':'1'}); $('div#blockNav4').fadeIn(0,1); $('div[id^=blockNav]:not(div#blockNav4)').fadeOut(0,1); }); });

Что ?

Не много не так они должны были быть под текстом вот я сделал http://jsfiddle.net/TcyVC/14/ "margin-left:-480px;" но но все ровно косит И почему скрипт перестал работать(

Весь код, что то все очень криво (( http://jsfiddle.net/cuKuU/3/ У меня сейчас голова в взорвется, что не так? 1 блок встал а 2,3,4 нет

Вот сделал только криво и блоки http://rghost.ru/42399951 Пороль:1199 А не чего что <div> пользуется? Я так понял у меня все очень криво сделано?

Типа того как понять угол?

В ряд с отступом друг от друга

?

Как сделать на сайте такие блоки

Извините если пишу не в ту тему. Я тут новенький. У меня возник вопрос по верстке ,у меня есть 4 блока в меню,которые при нажатие первого блока он должен открываться и если нажимаешь другой блок то первый блок должен закрыться а этот блок открыться. Я сделал но почему блоки при открытие появляются в другом месте а потом вставляются в нужное место. В чем дело?? и правильно я написал вообще коды? script $(document).ready(function() { $('div[id^=blockNav]').hide(); $('li.van').click (function() { $('div#blockNav1').fadeIn(); $('div[id^=blockNav]:not(div#blockNav1)').fadeOut(); }); $('li.tri').click (function() { $('div#blockNav2').fadeIn(); $('div[id^=blockNav]:not(div#blockNav2)').fadeOut(); }); $('li.4tri').click (function() { $('div#blockNav3').fadeIn(); $('div[id^=blockNav]:not(div#blockNav3)').fadeOut(); }); $('li.5ty').click (function() { $('div#blockNav4').fadeIn(); $('div[id^=blockNav]:not(div#blockNav4)').fadeOut(); }); }); 4 блока div#blockNav1{ width:145px; height:200px; background-image:url(..//imagess/BgBlockNav.png) ; outline:0px solid #cc0000; margin-top:36px; } div#blockNav2{ width:181px; height:200px; background-image:url(..//imagess/BgBlockNav.png) ; outline:0px solid #cc0000; margin-top:36px; margin:36px 150px; } div#blockNav3{ width:292px; height:200px; background-image:url(..//imagess/BgBlockNav.png) ; outline:0px solid #cc0000; margin-top:36px; margin:36px 337px; } div#blockNav4{ width:187px; height:200px; background-image:url(..//imagess/BgBlockNav.png) ; outline:0px solid #cc0000; margin-top:36px; margin:36px 634px; } html <div id="wrapper"> <div id="headar"></div> <div id="nav"> <ul class="mainMenu"> <li style="border-left:none;" class="van">aaaaa</li> <li class="tri">ffffft</li> <li class="4tri">sssss</li> <li class="5ty">ddddd</li> <li style="border-right:none;">Войти или зарегистрировать</li> <div id="blockNav1"></div> <div id="blockNav2"></div> <div id="blockNav3"></div> <div id="blockNav4"></div> </ul>