veremey

ага, я сейчас обозначу через var значения selected  и active и посмотрю, как будет себя вести крутилка. Спасибо.
 

Спасибо, Int, за Ваше старание, я  в формуле ничего не понял, но она не приводит ни к какому действию (((  

Для меня важно получить значение Rotate, через jQuery, предыдущего и следующего элемента. (Я не знаю, как это сделать!)
У всех угол наклона одинаковый.
А дальше по формуле:  Узнал угол наклона предыдущего активного пункта + 55 градусов (одинаковый), и сделать активным пункт. 
Всего нужно знать, как поворачивать 5-ти гранник на два шага вперед и на два назад. 

Привет. У меня возникла проблема:
Есть такой пентагон, который при клике на пункт меню поворачивается в его сторону https://yadi.sk/i/Xv1jCEZkghMH6
проблема в том, что пентагон должен крутиться по короткому пути к активному пункту.

А возможно сделать так, чтобы верхнее меню, которое position: fixed, при сужени браузера не резало правый его край? Может есть какой плагин?

Спасибо, я нашел ответ http://htmlforum.ru/...=52064&hl=fixed

Спасибо, я нашел ответ http://htmlforum.ru/index.php?showtopic=52064&hl=fixed

А возможно сделать так, чтобы верхнее меню, которое position: fixed, при сужени браузера не резало правый его край? Может есть какой плагин?

Искал решение и встретил какой-то сайт с такой же проблемой. http://immersprint.tk/(не реклама).
ВОПРОС: А возможно сделать так, чтобы верхнее меню, которое position: fixed, при сужени браузера не резало правый его край? Может есть какой плагин?

Никак. Использовать js.

Например http://jrvis.com/trunk8/

Спасибо!!! Ссылка очень полезная.

Ребята, я тут совсем запутался.
Kак сделать обрезание текста по вертикали?  Ещё и стрелку прикрутить. -- (БЕЗ JS) --

https://yadi.sk/i/sJPP2-IidBZoT

http://www.xiper.net/collect/html-and-css-tricks/verstka-form/design-input-type-search.html

полезно - спасибо! 

 

Вообще-то уже ответили =)))

input type="search" заменить на input type="text" и будет вам счастье. css тут не при чем. это html

Вообще-то нет.

 

Это почти то же самое, что использовать blockquote для того, чтобы в обычном тексте сделать левый отступ. То есть если у нас поле для поиска, то нужно использовать input search. Его ОС сможет нарисовать в соответствии с принятыми в ней соглашениями по интерфейсу. Может со скругленными углами, может еще с какими-то особенностями, отличающимися от системы к системе. Если в поисковом поле мешает кнопка очистки — нужно убрать кнопку очистки из поискового поля. И только если это невозможно — искать другие решения.

 

Можно хоть сделать поле полностью прозрачным а под него положить картинку, тоже будет выглядеть как надо. Поэтому и обратил внимание, что это _правильный_ подход. Если из-за особенностей реализации в некоторых браузерах его применить нельзя — только тогда и стоит искать другие подходы.

 

Спасибо Вам.

Уважаемые, тема интересная, ответ на вопрос я услышал. Спасибо! 

а если

footer__form поставить overflow:hidden;

footer__search увеличить width и поставить float:left;

Вариант, но тогда теряются закругленные уголки - а это плохо и не подходит, как решение задачи((

Да, можно спрятать(!), но такой картинкой, это сделать не просто, всё-равно торчит.   Может  этот "крестик" можно скрыть? 

Да, можно спрятать(!), но такой картинкой, это сделать не просто, всё-равно торчит.   Может  этот "крестик" можно скрыть? 

Здравствуйте, Уважаемые!
Вопрос следующий есть инпут, при вводе в него  значения, появляется кнопка очистки формы, как сделать так, чтобы избавиться её или спрятать вот код, но картинку вставить в код у меня не получилось

так klierik в первом ответе выложил готовый вариант - http://jsfiddle.net/klierik/m6CQ3/ ,  чем он не подходит?П

 У меня раньше не открывало его работу, сейчас открывает. Хмм, странно.  Большое Вам спасибо за ответ!!!!  

 

 

http://jsfiddle.net/Gn5p3/ (большая имга) и потом подгоняем размер если надо http://htmlbook.ru/css/background-size

http://jsfiddle.net/3F5p7/1/ - пилим градиентом

 

И есть еще вариант с псевдоэлементами (если вместо цвета нужна будет какая-та картинка), техника http://htmlforum.ru/index.php?showtopic=48464#entry324346

 

 

больше хз как

Если именно цвет - то градиент сгодиться 

вот он http://www.colorzilla.com/gradient-editor/

 

И есть еще супер техника, видел у крутых верстальщиков - двигают фон как-то внутри дива, тем самым можно освободить 50% + добавить 2 фоновую картинку и все будет ок (не путать со спрайтами), тянут не все версии, пол года назад тестил - работало только в хроме и последнем ff

Struggle Спасибо тебе.  Но...

Я помню там задача была решена только с помощью CSS ))

 

ну вот градиент)

 

Мне интересен ответ на  вот эту задачу  http://joxi.ru/sqMEUxjKTJATR6BW7dk   ))  Поможете?

http://jsfiddle.net/Gn5p3/ (большая имга) и потом подгоняем размер если надо http://htmlbook.ru/css/background-size

http://jsfiddle.net/3F5p7/1/ - пилим градиентом

 

И есть еще вариант с псевдоэлементами (если вместо цвета нужна будет какая-та картинка), техника http://htmlforum.ru/index.php?showtopic=48464#entry324346

 

 

больше хз как

Если именно цвет - то градиент сгодиться 

вот он http://www.colorzilla.com/gradient-editor/

 

И есть еще супер техника, видел у крутых верстальщиков - двигают фон как-то внутри дива, тем самым можно освободить 50% + добавить 2 фоновую картинку и все будет ок (не путать со спрайтами), тянут не все версии, пол года назад тестил - работало только в хроме и последнем ff

Я помню там задача была решена только с помощью CSS ))

 

Иллюстратор собственно в SVG преобразует. Как сделать тянущийся я не знаю ибо вплотную SVG не занимался, но то что это сделать можно 100%. Я видел примеры в сети.

 

UPD: Вот как-то так.

Угу, а теперь открой в ослике его =).........

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

Для кнопки есть способ все это Г реализовать, но слишком муторно - может проще взять готовую картинку и ее background-size? достаточно удобно...

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

Потом используем второй слой для стрелки. Делаем ей 2 границы черным, 2 не делаем, поворачиваем - стыкуем. И последний штрих. Внутри этого слоя помещаем еще один слой с градиентом радиальным, таким же, какой был у самой кнопки и его поворачиваем обратно. Для того, чтобы изгибы совпали - можно исползовать слои одинаковых размеров и уже обрезать лишнее.

Если ничего непонятно - то примерно вот так http://jsfiddle.net/Zverushka/8dmWh/3/ но это для абсолютных величин, только нужно стыковать, смотреть как по процентам пойдет. Плюс с анротейтом какая-то не очень хорошая вещь - блок почему-то уезжает неизвестно куда и отпозиционировать его становится тяжело. Возможно для динамической растяжки и не выйдет грамотно состыковать слои...

Это первый способ.

Второй способ. Рисуем квадрат, в нем градиент. Обрезаем через клип-паз (не кроссбразерно), и еще один такой же слой черного - также обрезаем с небольшим зазором - это и будет черная граница.

 

Спасибо   БОЛЬШОЕ.

Я затупил, не уточнил.... возможно ли увидеть решение второй http://joxi.ru/sqMEUxjKTJATR6BW7dk задачи?    

 

Добрый день! У меня есть пара не простых заданий. Ломаю голову, думаю как их сделать, если кто нибудь знает прошу помочь, буду очень очень признателен.

 

http://joxi.ru/dKMEU_3JTJB8WSyJq2k - вот первое

http://joxi.ru/sqMEUxjKTJATR6BW7dk - вот второе

Вот мое решение второго задания, если интересно http://jsfiddle.net/xzarxzes/Lpb27/

 

Сейчас не видно код решения задачи ((  Возможно ли увидеть решение этой задачи?  ОоОчень интерестно!!!

 

 

http://i.imgur.com/VW0ODIL.png

 

http://i.imgur.com/xHmw0of.jpg

 

зря вы скрины выкладываете без разрешения.

 

Интересно, а почему нельзя выкидовать скрины? И у кого нужно спрашивать разрешение? )

Попробуйте не  width:510px , а  min-width:510px;  Думаю эта проблема будет решена.

 

Здесь вот в чём дело, одно из особенностей  свойства float - оно ещё и влияет на  соседние теги, которые находятся после блока, которым float не задан по этому после такого блока принято писать блок с свойством clear