eremeevd

Я что то смешное написал??

По подробней можно расписать что куда в какой файл добавлять изменения... Понять не могу куда добавлять эту строку?? $dots-url: '../images/slider-dots.png';

Заменил точки навигации на свои изображения а как удалить стандартные??Не подскажешь где в каком файле хранятся стандартные изображения стрелок, точек??Еще не пойму как сделать так чтобы она была активна.

Огромное тебе при огромное спасибо!!!!!!Спасибо что помог!Думаю пора начать изучать JavaScript.Без него далеко не уедешь...

Подскажи пожалуйста если не затруднит тебя каким образом это сделать?

Спасибо за отзыв! Но можно ли вообще убрать стандартную кнопку и заменить ее картинкой вырезанной с макета в фотошопе? Или можно только поставить картинку на стандартную кнопку?

Подскажите пожалуйста, как заменить в слайдере Slick стандартные кнопки навигации на свои кнопки с изображением?

Прошу оценить сайт http://www.comp-reservice.tk

Я предлагаю оценить, работа уже мной сделана Спасибо за ответ

Макет сайта ссылка http://my-files.ru/k4alck Вёрстка макета ссылка http://my-files.ru/iuzcv6 Пояснение работодателя к макету сайта В приложенном файле вы найдёте макет, который вам необходимо сверстать (валидно, кросбраузерно, оптимизированно (вес, код)), без реализации активных элементов. По нашим оценкам это не должно занять у Вас боле 4-5 часов. Ограничение на верстку к тестовому дизайну: Сверстать кроссбраузерно (IE9+). Для ie8 - graceful degradation. При верстке не использовать таблицы для нетабличных данных и джаваскрипт. Пояснения на верстку к тестовому дизайну: В макете два несвязанных друг с другом элемента: меню и окно с настройками. В окне настроек в первой секции("Customize…") существуют табы и элемент (Speech Ballon, дальше баллун). Нужно предусмотреть, что текст в баллуне может меняться, кнопка play может иметь два состояния, наличие (отсутствие) желтого листочка на баллуне определяют внешние факторы. В последней секции("Get your code") стрелочки являются элементами интерфейса.

Спасибо за помощь разобрался надо было просто в header прописать вот так overflow:hidden; position:relative;

Вот в этом блоке #wrapper вот эту картинку <div id="slid"> <img src="images/slider.png" alt="slider" > </div><!--end slid--> Вот на этот блок наезжает #header{ width:993; height:100; background:#fff; overflow:x-high; #wrapper { width: 993px; padding:0; height:1000px; margin:0 auto; background:#fff; border:solid; position:relative; overflow:hidden; } #header{ width:993; height:100; background:#fff; overflow:hidden; } Вот так делаю скрываются только левая и правая сторона Скорей всего я ошибаюсь думая что задав блоку header значение overflow:hidden он отрежет(скроет) верхнюю часть картинки.Как это получилось с блоком wrapper.Перед этим всем выставив ее в нужное положение отрицательными margin. Всем спасибо за помощь разобрался

Вот что должно получится Вот что должно получится Закрывает слайдер половина шапки Двигаю картинку отрицательными margin ставлю как нужно и потом можно ли отрезать слева справа и сверху и оставить от картинки только то что нужно??Слева справа отсекаю overflow:hidden значения ставлю у родителя,а сверху картинка не отсекается не скрываются края за шапкой почему то??

http://all-psd.ru/site-templates/1984-SHablon_sayta_restorana_ili_kafe.html

Благодарю за помощь

Пробую сверстать свой первый сайт с шаблона Psd .После шапки сайта идет слайдер реально ли мне новичку собрать слайдер и с чего хотя бы начинать его делать??Легких путей не ищу:'))

Отрицательный margin-top помогает картинка сдвигается куда надо,и края скрываются в родительском блоке с помощью overflow:hidden но почему то только слева и справа и сверху половина шапки закрывает.Может что то я сам путаю... Или overflow:hidden может только распростронятся на один блок сразу нельзя поставить два родителя?)

Так и сделал как вы написали но,половина шапки скрывается.Понимаю что можно просто обрезать картинку в фотошопе и вставить нужные размеры но просто интересно понять,можно ли (обрезать) скрыть картинку с помощью overflow:hidden.Слева и справа ведь получилось обрезать(скрыть)края . body,html{ background:url(./images/fon.png); color: #333; font-family: Verdana, Arial, Helvetica, sans-serif; margin:0px; padding:0px; } a { color: white; /* Цвет ссылок */ } #wrapper { width: 993px; padding:0; height:1000px; margin:0 auto; background:#fff; border:solid; position:relative; overflow-x:hidden; } #header{ width:993; height:100; background:#fff; overflow:x-high; } #nav li { display: inline-block; margin: 0 0.1px; } #nav li a { color: #531604; text-decoration: none; } #nav ul { list-style-type: none; float: right; margin: 40px 45px 50px 0px; } #logo{ width:191px; height:52px; margin:18px 0 0px 80px; } #logo1{ width:173px; height:10px; margin:0 0px 20px 85px; } .letter{ color:#d8c197; } #home{ background:url(./images/fon.png)no-repeat; padding:9px; border-radius:45px; } .button{ background:url(./images/learn-more2.png)no-repeat; width: 204px; height: 54px; position:absolute; top: 368px; right: 0px; left: 140px; bottom: 150px; } #learn{ width:60px; height:20px; position:absolute; top: 376px; right: 0px; left: 160px; bottom: 150px; font-size:25px; text-decoration:none; } a:hover{ color:red; } #slid{ position:relative; top: -80px; left: -300px; } <!DOCTYPE html> <html> <head> <title>Шаблон сайта ресторана</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="wrapper"> <div id="header"> <div id="nav"> <ul> <li><a href="http://www.yandex.ru" id="home"><span class="letter">Home</span></a></li> <li><a href="*">About Us</a></li> <li><a href="*">Our Menu</a></li> <li><a href="*">Gallery</a></li> <li><a href="*">Blog</a></li> <li><a href="*">Features</a></li> <li><a href="*">Contact Us</a></li> </ul> </div><!--Список меню nav--> <div id="logo"><img src="images/logo.png" alt="logo" ><br></div> <div id="logo1"> <img src="images/67.png" alt="67"></div> </div><!--end header--> <div class="button"></div> <div id="slid"> <img src="images/slider.png" alt="slider" > </div><!--end slid--> <div class="button"></div> <a href="http://www.yandex.ru" id="learn">learn-more</a> </div><!-- end Container--> </body> </html> Вот такой не замысловатый код)) Наверное здесь нельзя так писать?

Помогите разобраться слева и справа с помощью overflow:hidden получилось скрыть(обрезать) края картинки, а сверху не получается.

Благодарю за отзыв!Разобрался

Размещаю картинку(будет слайдер) на нее пытаюсь установить кнопку с помощью position:absolute;но при масштабирование страницы, кнопка съезжает как ее зафиксировать на слое??...Пытаюсь сверстать сайт из psd...Первый мой сайт))сильно не пинайте))