HTML Coding

29542 questions in this forum

1. hover

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

   Asked by Valentinka.solar, December 11, 2013

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

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

   Asked by cyklop77, December 11, 2013

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

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

   Asked by Wak, December 11, 2013

   0 votes
   4 answers
4. Графические элементы сайта: сколько вариантов разрешений создавать?

   Например, нарисовал графические элементы для сайта. В каком ppi сохранять? Одно максимальное, которое поддерживает самый крутой монитор, а браузер сам правильно промасштабирует, если разрешение окажется меньше (читал, андроид так умеет, но только с графикой в приложениях)? Или браузеры так не умеют и сохранять в нескольких?

   Asked by ручник, December 11, 2013

   • ppi
   • смартфоны
   • десктопы
   0 votes
   20 answers
5. Обнулить значение поля 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
6. Подскажите как сделать выравнивание в блоке

   Добрый вечер. Есть блок. .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
7. Содежание <iframe> в соотв с регионом

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

   Asked by seemax, December 11, 2013

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

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

   Asked by cyklop77, December 11, 2013

   0 votes
   4 answers
9. Нужен срочный хелп от кнопки прыгают блоки у заказчика, а у меня нет

   http://zverushka.zz.mu/energy/ Заказчик в последнем файрфоксе (25.0.1) на 7м винде - у него прыгают блоки (у его друга тоже), когда он наводит на кнопку, у меня инчего не прыгает на этих же системах во всех браузерах. Прошу помогите. Форму только не отправляйте плз. Я просто даже не могу отследить в чем ошибка, когда у меня все нормально.

   Asked by Zverushka, December 11, 2013

   0 votes
   11 answers
10. 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
11. Filter FlipH в IE8 портит BG-картинку

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

    Asked by d0ublezer0, December 11, 2013

    0 votes
    2 answers
12. Редакторы для LESS

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

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

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

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

    Asked by konfuji, December 11, 2013

    • яндекс.карты
    0 votes
    1 answer
14. Не срабатывает иконка facebook но только на локальной машине!

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

    Asked by Temik2704, December 10, 2013

    0 votes
    7 answers
15. Проблема с :hover

    Подскажите пожалуйста как достичь такого эффекта :hover как на изображении. спасибо всем p.s верхнее меню. синяя стрелка .

    Asked by buru_, December 10, 2013

    • hover
    0 votes
    2 answers
16. Вертикальное центрирование не известно по высоте блока?

    Имею такую структуру: <div id="header"><div id="logo"></div></div><style>#header {height: 100%} #logo img{ width: 80%;}</style>Как задать вертикальное центрирование блоку "#logo"?

    Asked by gnomikprazdnik, December 10, 2013

    • центрирование
    0 votes
    1 answer
17. Растягивающийся div

    Добрый день, форурчане! Нужен немного необычный спойлер. Нужно сделать div, который будет иметь высоту картинки, которая резиновая, а при нажатии на него(div) или лучше внизу на кнопку, растягивался по высоте на размер всего содержимого этого div.

    Asked by lersen, December 10, 2013

    0 votes
    5 answers
18. 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
19. Помогите убрать левую ссылку

    Здравствуйте, вставил себе на сайт ( сайт на джумле) один модуль который называется Acordion menu, модуль мне очень нужен но, они каким то образом спрятали пару ссылок в нем. Немогу понять где. Помогите найти пожалуйста. сайт http://get-visa.in.ua ссылки ищите справа ( двигайтесь в право до самого конца)

    Asked by andrewmax, December 10, 2013

    0 votes
    3 answers
20. Как сделать текст под картинкой ?

    Вот моя верстка начатая. http://jsfiddle.net/66Pgf/ правда тама картинки не показаны, но я поставил бордер чтобы видно было границы картинок. Так вот мне нужно чтобы текст был снизу под картинками, как тут http://radikale.ru/data/upload/c2184/04012/77f6865eba.png помогите разобраться.

    Asked by WEB-best, December 10, 2013

    0 votes
    4 answers
21. Див на весь экран?

    Как сделать чтобы див растягивался на весь экран по ширине и высоте? Имею примерно такую структуру: <div id="header"><div id="logo"></div></div><div id="page"><div id="post"></div></div><style>#header{ width:100%; height:100%; background: url(bg.jpg);}#logo img{ max-width: 80%;}Хочу растянуть шапку на всю высоту, в центре расположить лого, но шапка должная обязательно растягиваться на 100 процентов высоты, так как за ней идет сразу же страница, у нее другой фон и она не дожна сразу быть видна на экране. Хочу реализовать что-то на подобии этого - http://www.martinasperl.at/ Обратите внимание, что первое фото с логотипом…

    Asked by gnomikprazdnik, December 10, 2013

    • Див на весь экран?
    0 votes
    2 answers
22. не получается задать абсолютные размеры картинки

    Добрый день! проблема в следующем: не получается задать абсолютное значение для картинки, вставляемой в таблицу (html). то есть при изменении разрешения экрана картинка то сжимается, то вытягивается. сам размер ячейки на это не влияет, так как я пробовал его менять, или вообще не устанавливать - не помогает. также и другие ячейки не могут влиять, проверено. кто-то сталкивался с подобным? как же всё таки сделать так, чтобы картинка не менялась, всегда оставалась одинаковой на всех экранах?

    Asked by Raman, December 10, 2013

    0 votes
    3 answers
23. IE6-8 Рендеринг шрифтов

    Здравствуйте, дамы и господа! Сразу с «жалоб». Уже не первый месяц и не в первом проекте сталкиваюсь с проблемой рендеринга шрифта в IE6-8. Шрифт абсолютно по-разному отображается в IE6-8 и в IE9+/Chrome и т.п. Перечитал массу статей, свожу все к кодировке UTF-8, но больше меня интересует решение данной проблемы. Если кто-нибудь знает ответ или же имеет схожую проблему, добро пожаловать на обсуждение! P.S.: На скриншотах обратите внимание на ширину букв. Шрифт Verdana. https://www.dropbox.com/s/qulo4xj97qcym2u/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202013-12-10%2010.28.22.png https://www.dropbox.com/s/b8vzs3o64ubbve3/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%…

    Asked by Ateiri, December 10, 2013

    • IE
    • IE6
    • IE8
    • IE7
    • Font
    • rendering
    • css-hack
    0 votes
    41 answers
24. Проблема с плавной сменой картинки

    Дорогие форумчане! Пытаюсь сделать плавную смену одной картинки другой. Использую JQuery. Всё вроде ничего, но почему-то вторая картинка "не понимает", что находится в ячейке. Подозреваю, что это из-за position:absolute;. Подскажите, как обойти этот момент. http://jsfiddle.net/LBRSg/ .image.first,.image.second {margin:0;padding:0;}.image.first {opacity:1px;display:block;position:absolute;/z-index:100;transition-duration:0.96s;-webkit-transition-duration:0.96s;-moz-transition-duration:0.96s;-o-transition-duration:0.96s;-ms-transition-duration:0.96s;}.image.first:hover {opacity:0.00;} div.ImgField {display:inline-block;background-position:center center;background-repe…

    Asked by lersen, December 9, 2013

    0 votes
    4 answers
25. Резиновый дизайн

    Добрый форумчане! Нужно сделать резиновый дизайн. Требование: чтобы до определенного размера рос один столбец, а после - другие(края). Эскиз прилагаю. <table> <tr> <td></td> <!--левая полоса растет если разрешение экрана >1400px--> <td> <table> <!--тело сайта растет до максимального размера 1400px--> <tr> <td></td><!--фиксированный размер--> <td></td><!--изменяемый размер растет пока тело <1400px--> <td></td><!--фиксированный размер--> </tr&g…

    Asked by lersen, December 9, 2013

    0 votes
    7 answers