by chris

http://phpfiddle.org/

 

Выложите код, пожалуйста, сюда или в другую песочницу.

я на бутстрапе делал,не совсем понял как подключить его в песочнице,выложу архив с псд и тем что я "наваял" =)

https://yadi.sk/d/B7Vz8SGdq6XLo

 

Слева

https://jsfiddle.net/yb5tgnn2/

var arr = ["bmw", "lada", "camaro", "uaz"]

alert(arr[arr.length-1])

http://jsfiddle.net

Благодарю, значит приоритет флексбокса вполне оправдан если не бежать за 1% юзеров на ИЕ9 или ниже.

http://thenextweb.com/microsoft/2016/01/05/web-developers-rejoice-internet-explorer-8-9-and-10-die-on-tuesday/

http://css-live.ru/articles/razrushenie-mifov-o-flexbox.html

var count = 0;$('#more_button').on('click', function() {  $('div[class^="box"]').eq(count).show(1000);  count++;  if (count == $('div[class^="box"]').length) {    $('#more_button').prop('disabled', 'disabled');  }});

Только нужно #more_button изменить на кнопку. 

/*left: calc(50% - 32px);*/left: 50%;;

Обрезается код

После left, Маржин-лефт минус 32пкс.

left: calc(50% - 32px);

.parent-div {

position: relative;

}

.parent-div::before {

position: absolute;

z-index: 99;

top: 45%;

right: 0;

left: 0;

display: block;

width: 64px;

height: 64px;

content: '';

background: url(http://derka.pickupguild.ru/images/play.png) no-repeat center center;

}

img.playvid {

visibility: hidden;

}

.navbar-default .navbar-nav > li.full {

/*position: inherit;*/

}

Нужно верстать под и IE7 и IE8. Подскажите на что нужно обратить внимание? Или дайте ссылку на инфу - почитать. В гугле мало чего нашел (может плохо искал)

Если уж так сильно хочется, то советую книгу Мастерская CSS. В 2009 сильно спасала.

https://jsfiddle.net/gn1fzktu/2/

Думаю не сможет, поправьте если не прав, единственный вариант который мне видится, это высчитывать все с помощью JS на лету.

Подправил ваш код

https://jsfiddle.net/n57020kd/1/

И так уже неделю.

Первый компьютер появился через 4 млрд лет с момента зарождения первого живого организма. Эволюционируй, не спеша. 

@WhatIsHTML, я только добавил строчку кода, которая показывает в консоле, что из себя представляет this.

.menu_dop .tab-content {  position: absolute;  left: -100%;  background: #fff;  width: 100%;  height: 185px;  text-align: left;  padding: 5px 100%;  border-right: 1px #fff solid;}.menu_dop .menu__wrap {  /* width: 970px; */  /* margin: 0 auto; */}.menu__wrap ul {  -webkit-columns: 230px 4;  columns: 230px 4;}.menu__wrap ul li {  /* padding: 4px 2px; */  /* margin: 5px 2px 7px; */  margin-bottom: 6px;  color: #000;  /* float: left; */  display: block;  width: 185px;  overflow: visible;  text-align: left;}

Закомментированные строки и все остальные св-ва для ul не нужны.

http://jsfiddle.net/pqVJM/282/

@dartVader,

https://jsfiddle.net/6t66z8ww/show/

.content {

background-image: url("background.jpg";

background-attachment: fixed;

background-position: left center;

background-repeat: no-repeat;

background-size: calc(100% - 41.66666667%) 100%;

}

@dartVader, http://modernview.pro/images/page/index/index-background.jpg 

Не поможет, они ведь не сделают элемент прозрачным для click, остается наверно только поставить эти картинки под  текстом и монитором

Поможет. В этом случае элемент будет  перекрывать только последние буквы (mers. и правый край в описании...). 

Можно. Нужно поиграть с этими значениями

right: -172px;

border-width: 600px 600px 600px 0;
transform: rotate(18deg);

Посмотрел на одном из моих сайтов, гугл то же просит включить gzip сжатие, хотя оно и включено. Ругается на свой шрифт робото, хотя я даже и не подключал его с помощью гугл фонтс. Насчет кэша браузера. Возможно яндекс метрика или гугл анатиликс все все портит?

Забыл снять высоту, а как сделать если без высоты

Добавить clearfix