okunev2

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

От IE8 и выше есть решение чтобы text-shadow работал?

в css прописано свойство, но не помогает: :focus {outline: 0;}

Уже нашел )

Спасибо Разобрался что к чему, и это гораздо лучше Cufon

Подсмотрел в сети пример внедрения не стандартных шрифтов через @font-face, вот код: @font-face { font-family: 'MyriadProRegular'; src: url('../fonts/mp_r/mp-regular-webfont.eot'); src: url('../fonts/mp_r/mp-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/mp_r/mp-regular-webfont.woff') format('woff'), url('../fonts/mp_r/mp-regular-webfont.svg#MyriadProRegular') format('svg'), url('../fonts/mp_r/mp-regular-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } там же в папке fonts лежат эти шрифты и файл generator_config.txt Подскажите сервис где можно сгенировать эти шрифты или урок на русском в сети. Спасибо

Я в курсе просто видимо не корректно задал вопрос. А как быть с IE8-9 какой костыли есть из примеров удачных?

Как делать у текста такую тень средствами css?

Есть шрифт PF Agora Serif Pro - BoldItalic (TrueType) использовался дизайнером для отрисовки заголовков страниц, нащзваний блоков и т.д. Также в нем присутствует полутень. Использую в работе Cufon или @font-face. Первый не устраивает из-за глюков и что используется js, втрой что тольок в IE9+ работает. Хочу услышать советы и ссылку на лучшее по вашему мнению из кросбраузерных и простых решений. Спасибо )

Я решил использовать button, но есть засада то что не работает в button:active в нем меняем положение спрайта

это какие же? визуальные или на отправку запроса, что-ли? Если визуальные, то гугл тебе подскажет сотни статей как избежать визуальных проблем в разных браузерах. Да, я про визуальные проблемы! Но честно уже на старые браузеры можно забить В сети можно глянуть работающий пример?

но здесь возникает проблема кросбраузерности с jQuery это просто <= отправить post по событию. Либо можно вызвать submit, навесив событие на click по данной ссылке/картинке/кнопке. Что-то не совсем понятен пример с jquery

Проблема в том что событие post. Как на ссылку повешать его я не понимаю, не видел живого примера. Т.е. грубо говоря чтобы была ссылка, но действие происходило как по нажатию input событие submit

Столкнулся с проблемой, хочу спросить совета людей кто сталкивался с этим. Рад буду примерам. Есть три положения кнопки: по-умолчанию, при наведении, и нажатая (сверху в низ см. ) Так post событие, то используется input кнопка, или можно обойтись ссылкой? Стиль меняю используя в ссылке спрайт изображения.

Есть такой код, при клике по - или + меняется цифра в поле input на 1 шаг. Но вроде все верно, но код не работает <a class=\"left-col\" href=\"javascript:updateCart('1', 'add')\"><img src=\"images/left-col.png\" alt=\"left_arrow\"></a> <input class=\"cnt\" onkeyup=\"checkValue(this.id)\" type=\"text\" id=\"good_1\" name=\"quantity[1]\" value=\"1\"> <a class=\"right-col\" href=\"javascript:updateCart('1', 'ded')\"><img src=\"images/right-col.png\" alt=\"right_arrow\"></a> <script type="text/javascript"> function updateCart(goodId, act) { var quantity = parseInt($('#good_'+goodId).val()); quantity = checkDigit(quantity); if (act == 'add') { quantity = quantity+1; } else { quantity = quantity-1; } if (quantity <= 0) { quantity = 1; } $('#good_'+goodId).val(quantity); } </script>

Подключил на сайте последнею версию http://fancyapps.com/fancybox/ использую метод следующего типа: <a class="fancybox-effects-a" href="images/gallery/foto-big.jpg" data-fancybox-group="gallery" title="Название фото"><img src="images/gallery/small/foto-small.jpg" alt="Название фото" /></a> Проблема в следующем, как кроме названия фото, там ниже вывести описание фото и лайки со сетей? Буду благодарен за пример кода, спасибо.

Есть код: $(document).ready(function(){ $('.magaz .shops .selectCity a').click(function(){ $('.selectCityPopTop').show(); return false; }); $('.selectCityPopTop .selectCity a').click(function(){ $('.selectCityPopTop').hide(); return false; }); $('.selectCityPopTop a').click(function(){ $(this).addClass('active').parent().siblings().find('a').removeClass('active'); $('.selectCity a').not('ul a').html($(this).html()); $('.selectCityPopTop').hide(); return false; }); }); код html: <div class="magaz"> <div class="shops"> <div class="selectCityPopTop hidden"> <div class="selectCity"> магазины в <a href="#">вашем регионе</a> <ul class="op"> <li><a href="http://yandex.ru/">Москва</a></li> <li><a href="#">Новосибирск</a></li> <li><a href="#">Екатеринбург</a></li> </ul> </div> </div> <div class="selectCity">магазины в <a href="#">вашем регионе</a></div> </div> </div> Проблема в следующем, когда мы выбрали город, там есть ссылка: <li><a href="http://yandex.ru/">Москва</a></li> но кликая по мней не происходит перехода. Как сделать чтобы выбирай город, кликая по ссылки происходил перход по ссылке в том же окне?

Есть такая ссылка, не знаю как сверстать с минимум тегов. Когда вариант округлость слева и справа это решаемо, а в данном случае стрелка снизу ещё, не совсем понятно как поступить

Это не работает? a {line-height: 15px;} нет

вернее он выравнивается по нижнему краю.

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

есть код: .menu-header li {float: left; margin: 0 28px 0 0;} .menu-header li a {font: bold 13px 'PT Sans'; display: block; height: 15px; text-transform: uppercase; color: #352530; text-decoration: none; text-decoration: none !important; background: url('./images/dot1.gif') repeat-x bottom left;} .menu-header li a:hover {color: #faa000; text-decoration: none !important; text-decoration: none !important; background: url('./images/dot2.gif') repeat-x bottom left;} .menu-header li a.active {color: #faa000; text-decoration: none !important; text-decoration: none !important; background: url('./images/dot2.gif') repeat-x bottom left;} <ul> <li><a href="#" class="active">Меню</a></li> <li><a href="#">Меню</a></li> <li><a href="#">Меню</a></li> <li><a href="#">Меню</a></li> </ul> вот суть проблемы, в IE нижнее подчеркивание ссылки "прилепляется к словам", в остальных браузерах все нормально: Подскажите как решить проблему в IE чтобы также выглядело как в остальных браузерах?

Установил данный скрипт http://fancybox.net/ во всех браузерах все отлично работает, но в IE гд повторяются id ссылок уже не работает этот скрипт, фото открывается в обычном окне браузера. Ниже пример, для первой картинки все срабатывает, для всех последующих нет. А если всем давать картинкам разные id то все работает. Куда копать не знаю <script type="text/javascript"> $(document).ready(function() { $("a#example5").fancybox({ 'titlePosition' : 'inside' }); $("a[rel=example_group]").fancybox({ 'transitionIn' : 'none', 'transitionOut' : 'none', 'titlePosition' : 'over', 'titleFormat' : function(title, currentArray, currentIndex, currentOpts) { return '<span id="fancybox-title-over">Изображения ' + (currentIndex + 1) + ' / ' + currentArray.length + (title.length ? ' ' + title : '') + '</span>'; } }); }); </script> <a id="example5" href="" title=""><img src=" alt="" /></a> <a id="example5" href="" title=""><img src=" alt="" /></a> <a id="example5" href="" title=""><img src=" alt="" /></a> <a id="example5" href="" title=""><img src=" alt="" /></a> <a id="example5" href="" title=""><img src=" alt="" /></a>

В js не силен, поэтому задаю этот вопрос в этой ветке! Как сделать чтобы в input и textarea был по-умолчанию текст, а когда кликаем он исчезал? Только чтобы не вводить текст в value по-умолчанию. Видел скрипт вроде как placeholder но не знаю он ли, подскажите.

вся проблема кроется в этом float: left; поэтому и нельзя выравнить по центру, но как по другому я и не знаю поступить