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

В top? нет, не работает :c

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

@Color я сразу подумал об этом, когда увидел код xD

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

@Libris Спасибо вам огромное!

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

@Libris Спасибо! Я, кажется, понял. Только вот что означает: "Для каждого li"? Для каждого нужно отдельный div прописать?

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

Спасибо за вариант! Я уже сделал таким вот образом
CSS:
.container .nav {
position: relative;
}
.container .nav a {
color: #aaaaaa;
}
.container .nav li {
display: inline;
color: #aaaaaa;
font-size: 11px;
font-family:'proxima_nova_bold';
text-transform: uppercase;
letter-spacing: 3px;
margin-left: -5px;
border-top: 1px solid #dddddc;
padding-top: 23px;
padding-right: 46px;
width: 100%;
}
a {
margin: 0;
padding-top: 23px;
}
.nav li:hover a {
border-top: 1px solid #333;
color: #333;
}

.container .nav ul{
padding-left:11px;
padding-bottom:10px;
padding-top: 23px;
}

Но серая линия не доходит до конца. Как можно это исправить?

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

@deadbyelpy Спасибо вам! А как можно изменить ширину серой полоски?

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

Спасибо вам большое!

Как убрать непонятный пробел в html?

спасибо!

Как убрать непонятный пробел в html?

Именно, спасибо!

Как сделать маску для картинок с закругленными углами?

@DeLaVega Как оказалось, не хватало position: relative; в .block . Спасибо!

Как сделать маску для картинок с закругленными углами?

@deadbyelpy Спасибо за ответ! Верстку я привел в самой теме и расписал все довольно подробно. Чуть ниже уже решили проблему.

Как сделать маску для картинок с закругленными углами?

Спасибо! Работает, с одним НО. Текст, который был сверху теперь под картинками. Вот стиль блока:

.block .txt {
position: absolute;
bottom: 53px;
left: 100px;
width: 100%;
}

Что можно сделать?

Как сделать маску для картинок с закругленными углами?

@deadbyelpy Мне нужно повесить маску, которая будет обрезать картинку без изменения пропорций и закруглять углы. Мое решение в коде сплющивает картинку, выглядит как то так

Как сделать маску для картинок с закругленными углами?

Нужно сделать маску перед этим 672x314. Картинка может быть любого размера. А border-radius там действительно 9px. Стоит в .block img

Как заменить картинку на градиент посредством CSS?

@DeLaVega Все, спасибо, уже разобрались ;-)

Как заменить картинку на градиент посредством CSS?

Спасибо вам большое! Только градиент отображается вот так imgur.com/317f6Kb В чем может быть проблема? Фон белый

Как заменить картинку на градиент посредством CSS?

@vdem да ладно вам xD

Как сделать маску в css?

@m1skam отлично, спасибо большое!

Как сделать маску в css?

@m1skam , Странно, в чем может быть причина такого вот? imgur.com/CeIuLlU

Как сделать маску в css?

Спасибо! А если входная картинка прямоугольник?