kattiperk

да то я пыталась объяснить, что делала )

Здравствуйте. Помогите с решением. Или дайте где почитать. Есть слайдер http://joxi.ru/MAjMxk1CgOLW2e Возле кнопок есть кнопка "Далее" При завершении достижении последнего слайда пользователем хотелось бы заменить текст на "Вперёд". Автолистания нет, пользователь сам кликает на кнопки. Хотела сделать говнокод - абослютом добавить новый спан на 4 переключатель, при нажатии на него появлялся бы блок с белым фоном и текстом "Вперёд", но тогда 4 кнопка слайдера не кликалась. Задала для этого класс кнопки переключателя, не сработало, потому что я плохо знаю JS. Может, есть какое-то решение или слайдер с таким? Искала, не нашлось

Кажется, кто-то ленивый и не захотел нормально отвечать, но зато настолько безмозглый, что написал много букв о том, как правильно гуглить.

Пардон, ошибка. Писала не у компа))

@keyfranes rotate { From {transform: Rotate(0 deg);} To {transform: Rotate(180 deg);} } Animation rotate {} Далее описание время, функцию анимации, цикличность, начало и конец анимации.

Кажется, нули потерялись

А теперь скобку способом :before и пост продолжится)

у тега h1 по умолчанию margin стоит. уберите

rus, ответь в скайпе kidrock хочу, чтоб полностью взял проект. у меня с modx мало опыта, поэтому нужен помощник. могу сделать качественно через гугл начала править, чтобы посмотреть, что у меня не получится.

<div class="header-bg"> <div class="img-container"> <img src="wp-content/uploads/2015/02/header-top41.jpg" width="1250" height="597"> <div class="telephone-container"> <p class="telephone-item"> (916)070-71-72 </p> <p class="telephone-item"> (916)07-222-66 </p> </div> </div></div>.img-container { min-width: 1250px; margin: 0 auto;}.telephone-container { position: absolute; top: 15px; right: 65px;}Внимательно точно так же скопируй)

Вёрстку могу сделать я. Делаю изменения на сервере сейчас, так как желания скачивать сайт, править у себя, заливать туда - желания нет. 2 недели - много, потому что MODX у меня тоже первый )

Ну? Никто не хочет? От проекта ещё не отказывалась.

Здравствуйте. Предлагаю работу. Есть сайт http://lazergroup.ru/, который решил обновить свой дизайн. Есть два варианта исполнения: 1. Сверстать/переверстать макет и нятянуть его на CMS с сохранением всех индексаций и чего-то из комментариев заказчика "Мои требования в том чтобы были сохранены все урлы, там стоит костыль, что бы они были без "/", там где у нас появляются промежуточные страницы типа "производство" - страница должна присутствовать в хл крошках, но в урле не должна участвовать." 2. Я сделаю вёрстку, а кто-то меня натянет. Точнее, код Оплата - деньгами + печеньками. Сумма проекта - 10 000 рублей. Там договоримся, кому деньги, кому печеньки.

Картинку <img src="wp-content/uploads/2015/02/header-top41.jpg" width="1250" height="597"> нужно обернуть в контейнер с шириной в 1250px и position: relative; Потом для telephone-container прописать то, что написала выше

Для header-bg задаёте position: relative, которое не даст контейнеру с абсолютным позиционированием выйти за границы контейнера, так как header-bg - родитель для telephone-container

Под андроид 240 пкс) Есть Foo Table И много чего интересного про таблицы. Ещё есть средствами CSS, но это пошло

raptor-dm , зря вы через сайт работаете. Там сайт не на стороне фрилансера в 99% случаев.

1 - Если подумать логически, то в этом есть смысл: мобильный браузер видит страницу и предполагает, что она создана для десктопной версии браузера, что верно для подавляющего числа сайтов. Исходя из этого, этот браузер задает странице ширину 980px (Safari iPhone) и пытается оптимально уместить ее на экране смартфона, отобразив в максимально уменьшенном масштабе. Обычно ширина сайтов примерно такой и является, поэтому открыв среднестатистическую веб-страницу на мобильном устройстве, она растянется на всю свою ширину, но меньше в 2-3 раза своего оригинального размера. Взято отсюда.

<div class="header-bg"> <img src="wp-content/uploads/2015/02/header-top41.jpg" width="1250" height="597"> <div class="telephone-container"> <p class="telephone-item"> (916)070-71-72 </p> <p class="telephone-item"> (916)070-71-72 </p> </div></div>.telephone-container { position: absolute; top: 0; right: 0;}.telephone-container:before { content: ''; position: absoulte; top: 0; left: -*на сколько пикселей влево от текста* display: block; width: *ширина скобки*; height: *высота скобки*;}Для текста эффекты сами напишите: тень, шрифт Тут ещё list-style: none; задайте

Мне помгло <meta name="viewport" content="width=device-width, initial-scale=0.1, maximum-scale=1, target-densityDpi=device-dpi" /> для контейнера overflow: hidden;

У Нарек как надо, только ширину/высоту и цвет поменять

http://codepen.io/kattiperk/pen/zGroaX

Можно эту http://tympanus.net/Tutorials/ResponsiveImageGallery/ Скачать

Ссылку дайте не битую

А, так вот чё. overflow: hidden присвоили для глобальной обёртки Всё работает, полоски на мобильных нет