Как поставить блоки

[skvaer09]

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

Edited December 23, 2012 by skvaer09

[skvaer09]

?

[Sensei]

Конкретизируйте проблему.

Просто расположить в ряд или равномерно распределить по ширине контейнера?

[skvaer09]

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

[Bobikys]

поля меж блоками надо настроить в стиляхх margin-bottom margin-top margin-right margin-left

угадал ?

а вряд задать display: inline-block помойму

Edited December 21, 2012 by Bobikys

[skvaer09]

Типа того

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

[Sensei]

Задайте блокам

float: left;
margin-right: 20px;

[pashkje]

так что ли http://jsfiddle.net/KDc7y/ ?

[Bobikys]

так что ли http://jsfiddle.net/KDc7y/ ?

похоже только можно для класса asd сделать такое

margin-top:-6px

так красивше смотрится

Edited December 21, 2012 by Bobikys

[skvaer09]

Вот сделал только криво и блоки

http://rghost.ru/42399951

Пороль:1199

А не чего что <div> пользуется?

Я так понял у меня все очень криво сделано?

Edited December 21, 2012 by skvaer09

[Николя223]

skvaer09, сюда выкладывай, качать почти никто не будет))

[skvaer09]

Весь код, что то все очень криво ((

http://jsfiddle.net/cuKuU/3/

У меня сейчас голова в взорвется, что не так?

1 блок встал а 2,3,4 нет

Edited December 21, 2012 by skvaer09

[Николя223]

моё мнение - это говнокод)

так хотите?

http://jsfiddle.net/TcyVC/

абсолюты для наружных элементов убирайте - это не гуд

[npofopr]

http://css-live.ru/articles-css/ravnomernoe-vyravnivanie-blokov-po-shirine.html

http://css-live.ru/articles/krasivoe-vyravnivanie-blokov-po-rezinovoj-setke.html

http://webdesignerwall.com/tutorials/responsive-column-layouts

[Bobikys]

http://css-live.ru/articles-css/ravnomernoe-vyravnivanie-blokov-po-shirine.html

http://css-live.ru/articles/krasivoe-vyravnivanie-blokov-po-rezinovoj-setke.html

http://webdesignerwall.com/tutorials/responsive-column-layouts

спасибо усвою книжку примусь за блог )))

[skvaer09]

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

И почему скрипт перестал работать(

[skvaer09]

[Николя223]

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

[Kray Storm]

Ахаха, 1-й рисунок отжег ) Я сначала подумал, что блоки нужно расположить лесенкой с плавным пересечением нижнего бордера шапки, а также выровнять их содержимое так, как расположены цифры: 1,₂³4. Оказалось - просто кривой рисунок. Да уж, много думать - вредно.

[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);	
});

});