alleclf

Как можно сделать зажимающиеся кнопки, что-то на подобие radiobutton. Если зажата первая кнопка выводится один текст, если вторая - другой. При клике один блок должен скрываться а другой появляться. Желательно что бы у зажатой кнопки не срабатывал клик. Кнопка должна быть, вроде как вдавленной, и что бы её выдавить надо нажать на другую кнопку. Макет тут: http://jsfiddle.net/gyEt9/ Посоветуйте как это сделать, может сайты есть с такой реализацией кнопок. Я нигде такого не видел, хотя в каком-то смысле это те же вкладки, просто визуально по другому построены.

Разобрался, спасибо.

У меня чекбокс получается выше своего текстового описания. Сам квадратик для галочки расположен выше текста. Как можно вертикально центрировать квадратик с текстом? Отступы действуют сразу на весь блок, и вместе с квадратиком двигается и надпись. Вот пример, специально сделал текст меньше - для наглядности. http://jsfiddle.net/r7uQt/

Всё решилось достаточно просто, всем спасибо.

Не знаю как правильно сформулировать вопрос. Суть в том, что есть блок с текстом. Текст длиннее блока, и вся надпись не влезает. Свойство overflow обрезает по-словно. Как можно сделать обрезку текста по-сколько-влезет, буквально до буквы или даже до полу-буквы. Видел где-то такую реализацию, причем там с эффектом плавного исчезания было, вроде как растворялся хвост текста. Вот только сейчас не вспомню где это находил. Пример тут - http://jsfiddle.net/T98Dx/ Подскажите пожалуйста как можно реализовать такую обрезку, желательно без скриптов. Может кто ссылками интересными поделится по теме.

отлично, спасибо затухание и полупрозрачность уже сам добавлю

Как сделать появление картинки на картинке при навидении. Много раз такое видел на сайтах, а как понадобилось нигде не могу найти. Суть в том, что при наведении на большую картинку, на ней же, в верхнем углу надо показать вторую картинку. Появляющаяся картинка меньше размером и выглядит как кнопка. Посоветуйте где можно посмотреть примеры и почитать. Вот пример, но он не работает http://jsfiddle.net/WMtpL/ Кстати, делаю для сайта _livelyn.net - при наведении на картинку, на ней же в углу должна появится картинка-кнопка добавления в избранное.

да мне в принципе без разницы что использовать last-child или first-child, просто отступ установить с другой стороны Большое спасибо, опробую на практике.

Есть 3 блока по 50 пх и отступом между ними 10 пх. Как их засунуть в другой блок размером 50+50+50+10+10 = 170 пх Главная проблема в том, что все внутренние блоки одинаковые - никак нельзя их различить по классу или id. Вот пример, http://jsfiddle.net/EDAT8/ тут блок 180 пх - на 10 пх больше, так как мешает лишний отступ.

Вроде работает, спасибо.

не совсем понял, из всего списка необходимо подгрузить, например, первую и третью ссылки, их классом надо различать или идентификатором. В примере я указал пустые ссылки, но в них можно добавить и идентификатор и класс если надо.

Есть скрипт который динамически подгружает контент с другой странички. Суть в том, что обрабатываются все ссылки в блоке. То есть, есть блок ссылок в виде списка и скрипт их все пытается динамически подгрузить. Необходимо заставить скрипт как-то различать что надо грузить а что нет. Вот пример - http://jsfiddle.net/e4xuu/1/ он не работает так как подгрузка берется из контейнера с id - "content". Можно, как-то, например, ссылки разделять по классу, если в ссылке присутствует необходимый класс - подгружать, нету - пропускать.

в принципе подходит, спасибо, попробую в реальных условиях

Как можно вертикально центрировать текст в блоке, vertical-align не совсем работает. Желательно кроссбраузерное решение. Вот пример http://jsfiddle.net/DDNWU/ * во втором блоке БР необходим, что бы разбить надпись на две строки.

мне действительно впадло раскладку переключить, кроме английской и русской ещё и украинская есть, всегда блин не на ту что надо попаду

спасибо

Подскажите сервис или программу для проверки КСС. Имею ввиду исключение из стилей не используемых или дублирующихся параметров. Переделываю старый шаблон, много чего изменил, и теперь долго перебирать какие свойства используются а какие нет.

отлично, я уже на спане начал переделывать - http://jsfiddle.net/x75PL/3/

Почему не работает если вместо дивов использовать спан, вот так - http://jsfiddle.net/x75PL/2/

а как тогда выделять блок при наведении? Ведь хочется чтобы выделялся и реагировал на клик весь блок а не только текст.

Делаю красивое выделение ссылок при наведении курсора (при наведении курсора мыши ссылка выделяется синим блоком). Вот пример: http://jsfiddle.net/x75PL/ Выделение блоком срабатывает только при наведении на блок с ссылкой - так и надо. Проблема в том, что ссылка срабатывает и при наведении вне приделов блоков - по всей ширине страницы. Почему так происходит. Как сделать что бы ссылка срабатывала только при наведении на блок (который выделяется синим - link 1 и link 2 из примера), или при наведении на текст (link 3 из примера).

Спасибо, то что надо!

Картинка может быть любой, от 100х100 до 1600х1200, сначала она должна смасштабироваться по меньшей стороне (уменьшится или увеличиться), потом отцентрироваться, а потом обрезаться.

блок всегда должен быть одного размера в результате должно быть вот так

Хочу в блок вписать картинку, подгонка должна быть по меньшей стороне с сохранением пропорций. Пример тут - http://jsfiddle.net/72anA/ Необходимо, что бы картинки заполняли весь блок с сохранением пропорций + центрировались. На картинке ниже примерно показано как должно работать. Всё что вылазит за пределы блока должно обрезаться, в примере специально не обрезал для наглядности. То есть, блок должен быть заполнен центральной частью картинки. Можно ли это реализовать без использования скриптов?