HTML Coding

29,542 questions in this forum

1. Пиксельный перфекционизм

   Вопрос по большей части к гуру данного форума, людям опытным, за спиной которых десятки макетов и годы работы.. Значит верстаю я, верстаю.. и всё-то мне кажется, что недостаточно всё ровненько.. то там буковка вылезет, то здесь интервал между словами большой.. Следует ли обращать внимание на такие мелочи? Например на рисунке видно, что первая и последняя строки совпадают (полупрозрачная верстка наложена на картинку), а вот посередине какая-то белиберда.. Но ведь у меня для всех строчек одни и те же маргины и паддинги, значит изображение, полученное мной "правильнее", если так можно выразиться.. Или вот, например просто текст. первое и последнее слово совпадает, в серед…

   Asked by basist, December 12, 2013

   0 votes
   18 answers
2. Таймер обратного отсчета - доработать

   Есть скрипт, но внешне выглядит както простовато, сливаеться с текстом. После просмотра: Таймер обратного отсчета на странице. Часть 1 из 3 http://ruseller.com/lessons.php?rub=32&id=1135 Таймер обратного отсчета с помощью jQuery http://www.rudebox.org.ua/countdown-timer-with-jquery-rudebox/ JavaScript таймер обратного отсчета (MU Timer) http://frontcamp.com/2013/02/01/free-javascript-countdown-mu-timer-10/#.Uqm-Z-LlJ8E Хотелось бы переделать но сменьшим изменением скрипта, в основном CSS? Сейчас всё выглядет так:

   Asked by lev99, December 12, 2013

   • css
   0 votes
   5 answers
3. Правильная анимация блока неизвестной высоты на transition?

   http://jsfiddle.net/TdjcK/ Если два блока один в другом, оба динамической высоты в зависимости от контента. Можно ли сделать анимацию высоты блока на transition?

   Asked by Zverushka, December 12, 2013

   0 votes
   12 answers
4. перемещение скролла в fancybox2

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

   Asked by cyklop77, December 12, 2013

   0 votes
   4 answers
5. Сочетание фиксированных и резиновых блоков

   Добрый день. Возникла задачка, решение которой мне никак в голову не приходит. Точнее, я вижу решение с применением JS, но если можно сверстать без этого, то подскажите, как. На схеме ниже указано, что нужно сверстать. Фиксированная ширина контейнера, в нем в одну строку располагаются несколько inline-block элементов. В данном случае, два элемента имеют фиксированную ширину, а два других — должны подстраиваться в зависимости от контента внутри. Блок "2" содержит в себе контент разной ширины. По задумке, если контента в нем много, то блок "1" должен сужаться. Конечно, он не должен "схлопываться" (тут, я полагаю, достаточно выставить min-width), но главная проблема в…

   Asked by FRUTALITY, December 13, 2013

   0 votes
   7 answers
6. CSS-sprite + ipad

   Доброго времени суток. Использовал CSS спрайт для сайта, по ТЗ, открыл на айпаде и ужаснулся(. Ничего конкретно хорошо не отображает с картинкой - по гуглил ничего не нашёл. В чем проблема?? clan-amp.ru/marat

   Asked by Wahlberg, December 12, 2013

   0 votes
   6 answers
7. Помогите с CSS

   Здравствуйте! Скажите, пожалуйста, как поднять текст вверх! http://ned.ygastik.ru/content/1-komn53-m2

   Asked by 561144, December 13, 2013

   0 votes
   1 answer
8. Обнулить значение поля Slider UI

   Использую http://jqueryui.com/slider/ Чтобы вернуть по клику ссылки в начальные положения ползунков делаю так: $(".style a").click(function () { $(".polzunok #slider-range-min").slider({values:[0]}); });поле: <input type="text" id="amount-min" />Основной вызов ползунка с полем: $("#slider-range-min").slider({ range: "min", min: 0, max: 100, step: 10, slide: function(event, ui) { $("#amount-min").val(ui.value); } }); $("#amount-min").val($("#slider-range-min").slider("value"));Как при этом в поле возваращать начальное значение min по событию $(".style a").click?

   Asked by okunev2, December 11, 2013

   0 votes
   2 answers
9. эффект появления модального окна в bootstrap3

   помогите пожалуйста разобраться я зашёл в раздел кастомизации бутрапа3. оставил галочки только напротив js-компонента Modal и css-правил для Modal. скачал, подключил на страничку в результате модальное окно появляется без какого-либо эффекта(например если я ранее использовал не кастомизированный бутстрап, то модальное окно плавно выезжало сверху экрана) вопроса два: 1. что мне нужно дозагрузить чтобы были доступны хотя бы простейшие эффекты 2. существуют ли в бутстрап3 другие эффекты кроме плавного "выезжания" модального окна сверху экрана?

   Asked by cyklop77, December 11, 2013

   0 votes
   6 answers
10. "Выносной" элемент прямо в контенте

    К примеру в ководстве есть такая штука как "пометки на полях". Ремарки, которые размещены ровно на той же высоте с текстом, к которому они относятся. Видно, что сделано таблицей, но в ручную такой бедой управлять - вообще не вариант. Как бы сделать такое средствами CSS? К примеру, в потоке контента вставим ссылку с картинкой, или просто текст, не важно, с определенным классом, который будет вырван из потока и разместится рядом с ним на том же уровне по высоте? Пока то, что в голову пришло - релативный контейнер в нужном месте контента, в котором абсолютно спозиционированный "выносной" элемент. Минусы - опять же не просто управлять, т.к. нужна доп. разметка (контейне…

    Asked by d0ublezer0, December 12, 2013

    0 votes
    2 answers
11. Отступы для интерактивных элементов на яндекс картах

    Доброго времени! На странице есть встроенная карта, часть её перекрывается блоком с фильтрами и списком объектов. Как задать отступы или сместить все интерактивные элементы на карте таким образом, чтобы они не перекрывались этим блоком? Для setBounds() нашел параметр zoomMargin, что позволяет сделать отступ от краёв для группы меток. А как поступить с балунами? Параметр autoPanMargin задает отступы со всех сторон.

    Asked by konfuji, December 11, 2013

    • яндекс.карты
    0 votes
    1 answer
12. Уменьшенные фото при просмотре в Opera

    Здравствуйте. Сделал интернет-магазин на joomshopping. Всё уже почти допилено-настроено, но тут выяснилось что в Opera фотографии товара на витрине очень-очень мелкие, как иконки. Причём не у всех. Т.е. вот Опера вроде бы одинаковая, но у меня и напарника фотографии мелкие, а у некоторых нормально отображаются. Кто-нибудь знает из-за чего такое может быть? Никакой блок рекламы и экономия траффика не стоит. Адрес сайта: elixir.org.ua Сайт на Joomla 2.5. У меня самого Firefox.

    Asked by Akkianu, December 11, 2013

    • опера изображения
    • маленькие
    0 votes
    4 answers
13. Содежание <iframe> в соотв с регионом

    Подскажите пожалуйста, решаема ли задача вывода разных баннеров в рекл блоке для разных регионов? Реклама Янд и Гуг не подходит, баннер должен быть кастомный. Можно ли задать параметры региона тегу iframe или подобрать иное решение?

    Asked by seemax, December 11, 2013

    0 votes
    2 answers
14. Отклеивающееся меню

    Подскажите, где найти красивый пример отклеевающегося меню? Чтобы был нормальный валидный код и ничего лишнего. Надо что-то вроде этого http://www.hutchhouse.com/ Возможно ли такое без яваскрипта?

    Asked by Wak, December 11, 2013

    0 votes
    4 answers
15. Не срабатывает иконка facebook но только на локальной машине!

    День добрый! Верстаю макет на локальной машине.Подскажите пожалуйста почему кнопка фейсбука "Мне нравится" не отображается когда файл находится на моей локальной машине.Если же загрузить код на jsfiddle или cssdesk то все сразу срабатывает. В чем причина? Для вставки кнопки пользуюсь стандартными инструкция фейсбука https://developers.facebook.com/docs/plugins/like-button/ P.s.Кнопка твитера работает отлично,в отличие от фейсбука

    Asked by Temik2704, December 10, 2013

    0 votes
    7 answers
16. hover

    Доброго времени суток форумчане. Возникла следующая проблема. Как при наведении на картинку сделать вот такой вот эффект http://s004.radikal.ru/i207/1312/af/e2ecefa7e75d.png ? Что бы у картинки появлялся бордер и размытие. Пробовала просто при hover через background накладывать этот фон на картинку, но он ложился под нее.

    Asked by Valentinka.solar, December 11, 2013

    0 votes
    3 answers
17. z-index

    Всем привет. Верстая данный макет столкнулся с проблемой, а именно — не получается выставить z-index Header'у задал свойство position: relative; z-index: 3, тени (header:after) — position: absolute; z-index 1. По идее header должен перекрывать часть тени, но этого не происходит. Что я делаю не так? Вот сама верстка: http://clck.ru/8wUq6

    Asked by Aleksandr.L, December 10, 2013

    0 votes
    14 answers
18. Ещё раз о section

    Всем доброго дня? Вечера? Ночи? Не раз видел вот такое, да и сам так верстаю: <section id="block"> <div class="conteiner"> <h1>Тра-ля-ля</h1> </div></section>#block { width: 100%;}.conteiner { margin: 0 auto; width: 1000px;}И при построении дерева документа выбивает untitled section. Собственно, возникает резонный вопрос:"может делать всё с точностью да наоборот": <div id="block"> <section class="conteiner"> <h1>j;j;jl</h1> </section></div>Тогда, вроде, все должны быть довольны. Вот как-то так. Только правильно ли это?

    Asked by ifooly, December 7, 2013

    0 votes
    19 answers
19. скрипт отправки писем

    посоветуйте пожалуйста скрипт, который отправляет данные формы на email. желательно на js, если такое возможно устроит и php-решение

    Asked by cyklop77, December 11, 2013

    0 votes
    4 answers
20. Подскажите как сделать выравнивание в блоке

    Добрый вечер. Есть блок. .main_content { min-width:980px; max-width:1200px; margin: 0 auto; } В нем блок <ul class="ulip"> <li> <img src="icons/rst.png" alt="Только камеры РСТ" title="Только камеры РСТ"></li> <li> <img src="icons/vozvrat_14.png" alt="Возврат товара в течении 14-ти дней" title="Возврат товара в течении 14-ти дней"></li> <li> <img src="icons/garanty.png" alt="Официальная гарантия" title="Официальная гарантия"></li> <li> <img src="icons/dostavka.png" alt="Доставка по России" title="Доставка по России"></li> <li> <…

    Asked by Sel-p, December 11, 2013

    • выравнивание
    0 votes
    0 answers
21. Редакторы для LESS

    Начинаю работать с LESS. Теперь нужно подобрать редактор. Обычно я работаю в Dreamweaver, Notepad++... Хотелось бы узнать, какие существуют наиболее удобные редакторы, плагины для работы с .less-файлами.

    Asked by Светлана Г., December 11, 2013

    • less
    0 votes
    4 answers
22. Смена класса по клику

    Как используя jquery для данного кода <li class="red"><span></span></li>По клику span, применять ему класс .activ, у которого свои стили будут. Буду благодарен примеру.

    Asked by okunev2, December 7, 2013

    0 votes
    15 answers
23. Responsive видео+background

    Не могу сообразить как сделать следующее. Делается в Bootstrap 2.3.2. Имеется картинка монитора, в ней видео(допустим iframe) Есть решения на css-tricks Я пробовал - и получается что либо само видео у меня корректно меняет размер, либо бек. Сейчас сама конструкция выглядит как <div class="video"><iframe width="542" height="305" src="http://www.youtube.com/watch?v=niyFA24H5_E?rel=0&hd=1" frameborder="0" allowfullscreen></iframe></div> .video {width: 542px;padding: 28px 29px 0 54px;height: 485px;float: left;background: url("../images/screen.png") no-repeat 25px 0;} Если добавить враппер под респонсивку такого плана .videoWrapper {po…

    Asked by sergik74, December 11, 2013

    • bootstrap 2
    • responsive
    • video
    • background
    0 votes
    0 answers
24. Слипается меню при первой загрузке

    http://zverushka.zz.mu/upakovka/ Слипаетмся меню (слово к слову) при первой загрузке в хроме, обновляю и все нормально - что делать?(( Заказчику надо уже показывать. Я так поняла, что это косяк letter-spacing, но тогда с Inline-block вообще фигня получается - word-spacing нельзя, letter-spacing нельзя - остаются только двухсторонние маргины - что совсем уныло (((

    Asked by Zverushka, November 27, 2013

    0 votes
    40 answers
25. Filter FlipH в IE8 портит BG-картинку

    http://m-sloboda.ru/ Помогите решить вот такую задачу: для экономии веса страницы попытался отразить слой с полупрозрачным фоновым изображением. В IE8 получилась вот такая беда (картинка потеряла цветность и полупрозрачность):

    Asked by d0ublezer0, December 11, 2013

    0 votes
    2 answers