Помогите разобраться с версткой

[bobchinskiy]

Помогите пожалуйста, напишите в коде как должно выглядеть,  в css и если конечно найдется спаситель желательно и сразу html( я просто не до конца понимаю всех ньюансов, так мне будет понятнее).

 

Сайт трехколоночный резиновый, левавя колонка и правая - это фон( то есть сайт по сути сайт в одну колонку), и эту центральную основную колонку разделить на три блока - шапка, инфа и футер к примеру. в шапку мне нужно впихнуть к примеру такой градиент  и написать любой текст с левой части шапки, а по центру на этом градиенте у меня картинка должна быть. Как это должно выглядеть в css? 

//gradientbackground: #ff6e02; /* Old browsers */background: -moz-linear-gradient(left,  #ff6e02 0%, #ff9933 50%, #ff6e02 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff6e02), color-stop(50%,#ff9933), color-stop(100%,#ff6e02)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(left,  #ff6e02 0%,#ff9933 50%,#ff6e02 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left,  #ff6e02 0%,#ff9933 50%,#ff6e02 100%); /* Opera 11.10+ */background: -ms-linear-gradient(left,  #ff6e02 0%,#ff9933 50%,#ff6e02 100%); /* IE10+ */background: linear-gradient(to right,  #ff6e02 0%,#ff9933 50%,#ff6e02 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6e02', endColorstr='#ff6e02',GradientType=1 ); /* IE6-9 */

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

Edited January 8, 2015 by bobchinskiy

[raptor-dm]

вы походу реально фигней занимаетесь.
если действительно новичек, то посмотрите эти курсы http://nnm-club.me/forum/viewtopic.php?t=598811
там ХОТЯ БЫ базовые вещи все поймете. если времени у вас много и девать его некуда изучайте верстку по книжкам или по статьям из интернета.

Edited January 8, 2015 by raptor-dm

[bobchinskiy]

вы походу реально фигней занимаетесь.

если действительно новичек, то посмотрите эти курсы http://nnm-club.me/forum/viewtopic.php?t=598811

там ХОТЯ БЫ базовые вещи все поймете. если времени у вас много и девать его некуда изучайте верстку по книжкам или по статьям из интернета.

спасибо, за совет, но моя просьба остается в силе

[Sergik+]

Помогите пожалуйста, напишите в коде как должно выглядеть,  в css и если конечно найдется спаситель желательно и сразу html( я просто не до конца понимаю всех ньюансов, так мне будет понятнее).

 

Сайт трехколоночный резиновый, левавя колонка и правая - это фон( то есть сайт по сути сайт в одну колонку), и эту центральную основную колонку разделить на три блока - шапка, инфа и футер к примеру. в шапку мне нужно впихнуть к примеру такой градиент  и написать любой текст с левой части шапки, а по центру на этом градиенте у меня картинка должна быть. Как это должно выглядеть в css? 

//gradientbackground: #ff6e02; /* Old browsers */background: -moz-linear-gradient(left,  #ff6e02 0%, #ff9933 50%, #ff6e02 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ff6e02), color-stop(50%,#ff9933), color-stop(100%,#ff6e02)); /* Chrome,Safari4+ */background: -webkit-linear-gradient(left,  #ff6e02 0%,#ff9933 50%,#ff6e02 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(left,  #ff6e02 0%,#ff9933 50%,#ff6e02 100%); /* Opera 11.10+ */background: -ms-linear-gradient(left,  #ff6e02 0%,#ff9933 50%,#ff6e02 100%); /* IE10+ */background: linear-gradient(to right,  #ff6e02 0%,#ff9933 50%,#ff6e02 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6e02', endColorstr='#ff6e02',GradientType=1 ); /* IE6-9 */

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

Ужас то какой, почитайте про autoprefixer. Градиент это не элемент интерфейса, ну не увидят его в ie8 ну и фиг на него,

быстрее обновят браузер, а префиксы для лисы, оперы и хрома зачем вообще ?

Edited January 8, 2015 by Sergik+

[bobchinskiy]

ясно, спасибо