Помогите как сделать

[Shenia132]

Всем привет. Есть проблема, нижний самый блок на сайте http://verstka-primer.esy.es/Bio/там где категории и так далее. Градиент поставил блоку нижнему но изображение не ставиться прописываю ничего не получается не пойму почему. Как мне сделать так чтобы было как на  картинке http://pixs.ru/showimage/biov503jpg_5673359_16681178.jpg  И еще почему то к placeholder не применяются стили. Помогите пожалуйста.

Edited March 28, 2015 by Shenia132

[TuTaHuKk]

ссылка на сайт не работает!

Скорее всего вы background картинки прописали выше чем background  линейный градиент. Пропищите его ниже!

[Shenia132]

ссылка на сайт не работает!

Скорее всего вы background картинки прописали выше чем background  линейный градиент. Пропищите его ниже!

вот сайт http://verstka-primer.esy.es/Bio/

[raptor-dm]

.nav-bottom {	padding: 86px 0 97px 0;	background: rgb(236, 236, 236) url(../images/bg-nav-bottom.jpg) no-repeat right center;	background: -moz-linear-gradient(356deg, rgb(236, 236, 236) 30%, rgb(253, 253, 253) 70%);	background: -webkit-linear-gradient(356deg, rgb(236, 236, 236) 30%, rgb(253, 253, 253) 70%);	background: -o-linear-gradient(356deg, rgb(236, 236, 236) 30%, rgb(253, 253, 253) 70%);	background: -ms-linear-gradient(356deg, rgb(236, 236, 236) 30%, rgb(253, 253, 253) 70%);	background: linear-gradient(86deg, rgb(236, 236, 236) 30%, rgb(253, 253, 253) 70%);}

где в последней строчке изображение?

Edited March 28, 2015 by raptor-dm

[Shenia132]

.nav-bottom {	padding: 86px 0 97px 0;	background: rgb(236, 236, 236) url(../images/bg-nav-bottom.jpg) no-repeat right center;	background: -moz-linear-gradient(356deg, rgb(236, 236, 236) 30%, rgb(253, 253, 253) 70%);	background: -webkit-linear-gradient(356deg, rgb(236, 236, 236) 30%, rgb(253, 253, 253) 70%);	background: -o-linear-gradient(356deg, rgb(236, 236, 236) 30%, rgb(253, 253, 253) 70%);	background: -ms-linear-gradient(356deg, rgb(236, 236, 236) 30%, rgb(253, 253, 253) 70%);	background: linear-gradient(86deg, rgb(236, 236, 236) 30%, rgb(253, 253, 253) 70%);}

правильно, последний background который без изображения заменил первый в котором есть изображение

 

то есть мне надо, в конце ставить изображение ?

[raptor-dm]

http://jsfiddle.net/761tmh81/

[forest_moss]

про linear-gradient:

1) вы знали, что linear-gradient - это не background-color, а background-image?) т.е. если задано backgrond-image: url(image.jpg) и background: linear-gradient(transparent, blue), то один background препятствует другому.

 

2) по-моему на картинке не linear-gradient, а box-shadow. в любом случае, свойства там прописаны ой какие непростые. легче вручную нарисовать.

 

про placeholder:

ну это форма, поэтому в ней многое не меняется. а некоторое вот менятся, вот вам пример

или у вас даже это не меняется?