Как бороться со сливанием отступов (margin в css)?

@Petroveg -webkit-margin-collapse - гугл в помощь...
Если ты уж и писал название раздела то пиши Collapsing margins, а не в виде свойства margin-collapse. Сам же наезжал когда Я неясно выражалась, а сейчас сам путаешь

Как бороться со сливанием отступов (margin в css)?

@Petroveg Всё ясно...

Как бороться со сливанием отступов (margin в css)?

@Petroveg margin-collapse: separate - кинь мне ссылку с ним в ie и mozila чтобы это свойство работало.

Как сделать фото со стрелочкой?

Да пусть читает.
За сегодня сложилось впечатление что люди гуглить не могут

Как бороться со сливанием отступов (margin в css)?

@Petroveg а если он англ не знает? В долгое плавание на занятие анг.? Тем более поддержка margin-collapse не очень мягко говоря

Как переместить картинку внутри маски?

@istasiik вообще есть свойство zoom но мне кажется тут обычным width обойтись можно. Но про zoom почитайте. Правда при увеличении качество ухудшается что естественно

Как переместить картинку внутри маски?

@istasiik поверх картинки нельзя а поверх родительского блока ( и в том числе картинке можно) так как img у нас не имеет before и after
пропишите

родительский_блок:after {
content: "";

width: 100%;
height: 100%;

position: absolute;
left: 0;
top: 0;

background: rgba(0, 0, 0, .3);  /* или полупрозрачная картинка*/
}

Что подразумевается под автоматически масштабировать? Какое поведение? Отметьте как решение, если Вам мои ответы помогли решить проблемы.

Как у DIV'a сделать косую линию внизу?

@Olivoin ну тогда только как тут через отступ и фон

Как у DIV'a сделать косую линию внизу?

@Olivoin лишние блоки в вёртске не нужны. А почему для Вас это не выход?

Как переместить картинку внутри маски?

@istasiik помогло?

Как переместить картинку внутри маски?

@istasiik тут есть два выхода - первый задавать background-color для родителя img который подходит больше под картинку или саму же картинку только не размытую.
А второй это для родителя установить box-shadow: inset 0 0 400px #000000; - роде работает и ответ нашла на форуме он к слову последний, а другие с позиционирование Вам не подходят. И пропишите картинке

position: absolute;
left: 0;
top: 0;

- а там уже задавайте для left и top если нужно любые значения, но relative там не катит. Ещё меня просто поражает эта озабоченность чужими проблемами здесь на форуме. Такое ощущение что тут 2 - 3 человека норм сидит и то не всегда

Как переместить картинку внутри маски?

@istasiik можете в песочнице показать или на свой домен загрузить сайт и кинуть ссылку

Как переместить картинку внутри маски?

@istasiik Честно, Я сейчас в браузер ввела и ничего не понятно... Именно ссылка нужна где уже картинки стоят

Как переместить картинку внутри маски?

@istasiik Вы можете ссылку на код кинуть? А то Я не знаю что Вы там написали и мне сложно диагностировать

Как переместить картинку внутри маски?

тогда родителю position: relative а картинке position: absolute; left: значение; top: значение;

Как сделать полосу над пунктами меню?

@Color ахахаха да в мои Вы зачастили. Ок больше не буду)))

Есть блок с overflow:hidden в нем есть элемент который должен выходить за рамки блока, как реализовать?

@sanatik нет не потерял бы смысл. так как часто такое дизы рисуют.
Что то типа элемент с свойствам visible: important visible игнорирует hidden родителя. Но да Я с Вам полностью согласна тут нужно выносить элемент, так как по другому никак

Как сделать полосу над пунктами меню?

@istasiik Благодарю)

Как расположить блоки?

@Chasing
#layout {
min-height: 100%;
min-width: 1024px;
}
уберите или измените min-width: 1024px;

Как расположить блоки?

@Chasing во первых для product-link { display: block; } Во вторых вам нужно прописать высоту в px (статичную а не резиновую). Потом Вам блок product не нужен, можете его убрать и присвоить класс product для ссылки которая в нём. - нам лишний блок тут не нужен. vertical-align: middle; для картинки тоже ни к чему. И вообще структура примерно такая
.little_block > a > img и .big_block > a > img
для little_block высота к примеру 300 а для big_block тогда 600 у ссылки position: relative: width: 100%; height: 100%; display: block; overflow: hidden;
у img width: 100%; height: auto; - как то так