HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
"полный" блок, как на розетке
Подскажите, пожалуйста, есть ли плагин готовый на jquery, чтобы сделать показ полного содержимого блока при наведении как на розетке ( http://hard.rozetka.com.ua/monitors/c80089/ вот так). К сожалению нормально сформулировать запрос в гугле не получается под эту проблему. А может есть вариант и без скриптов? Просто у меня возникли проблемы, так как без absolute при раскрытии блок будет нижние опускать.
0 votes2 answers -
Проблема в Safari (mac os)
Уже день мучаюсь, мозг себе сломал но так и не понял почему такое происходит. Есть сайт http://nt-work3.bl.ee/ там если покрутить страницу вниз - появляется клон верхнего меню и прикрепляется сверху. Где то посередине сайта есть горизонтальный слайдер с прокруткой мыши. Во всех браузерах все работает нормально, где то без анимации, где то с анимацией, не суть. Суть в том, что в Safari если наводить мышью на пункт Новинки (в клонированном меню) то не показывается выпадающее меню. До тех пор пока не покрутишь мышью слайдер.. Как только покрутил и меню открывается.. Меню клонирую кодом $(document).ready(function () { $(".heading-wrapper").before($(".heading-wrapper")…
0 votes2 answers -
Посоветуйте карусель
Посоветуйте пожалуйста карусель наподобии этого http://www.bkosborne.com/jquery-feature-carousel с таким же эффектом прокрутки.. Беда в том, что не только img будет у меня но и другая html разметка а тот понимает только img.. Нашел еще contentflow http://www.jacksasylum.eu/ContentFlow/ но так и ничего не понял как его заставить работать. Пробовал bxslider кастомизировать, почти получилось, кроме самого эффекта прокрутки смотрите jsfiddle http://jsfiddle.net/a24mqoxd/ (растяните немножко окно что бы не полезли друг на друга). Если дадите совет как получить такую анимацию прокрутки, буду очень благодарен. Если невозможно, подскажите какой нибудь другой слайдер пожалуйста.
0 votes7 answers -
Фоновое изображение с элементами управления на весь экран
Верстаю макет и столкнулся с проблемой: - необходимо сверстать фоновую картинку размером: 1900x1000 на все окно браузера (чтобы она подстраивалась под разное разрешение),а так же не появлялась прокрутка по вертикали и горизонтали (с этим я справился. При этом на фоновом изображении должны быть 5 прямоугольных блоков (ссылок), каждый такой блок находится на определенном рисунке этого изображения. Проблема состоит в том, что эти блоки при разных разрешениях экрана, уезжают со своих мест, так как размер картинки меняется. Пробовал задавать позиционирование блоков в процентах, так же задавал размеры блоков в процентах но не помогает... При изменении разрешения эти пять блоко…
0 votes6 answers -
Необычные кнопки
Подскажите пожалуйста как на css сделать?
0 votes4 answers -
Выпадающее меню
Здравствуйте, я делал выпадающее меню через скрипт и у меня возникла такая проблема, что в firefoxe все отображается, а в Chrome и IE список не выпадает. html, css, js сделаны в разных файлах:
0 votes7 answers -
Вымещение контейнера во внутрь слайдера.
День добрый. Дайте совет, как можно вложить div, с текстом, в слайдер в котором прописаны стили для background, которые сжимают его, по мере разрешения экрана. Текст вылазит из-за position: absolute и bottom:40px http://hotels.fatrabbit.ru/
0 votes3 answers -
Якоря добавляют дополнительную строку
При добавлении якоря на странице добавляется дополнительная строка в этом месте. Как этого можно избежать? Тему можно закрыть. Решение найдено. Тупо стормозила.
0 votes0 answers -
как сделать линию из середины блока в пол?
есть блок, вертикальный размер которого плавно изменяется скриптом. как сделать внутри этого блока вертикальную линию, начинающуюся не с самого верху, а с неизменным отступом, до низа блока, причем с изменением размера блока линия не вылезает и не отстает от нижней границы? допускается через рисунок бекграунда или бордер. спасибо!
0 votes3 answers -
Не получается ничего((((
Привет всем. Давно мечтала научиться делать верстку сайтов. Только недавно нашла нормальные видео курсы, которые мне нравятся. Но не смотря на это у меня пока что не все получается гладко, а вернее я совершаю ошибки которые сама не могу найти. Подскажите кто нибудь из опытных вначале всегда так? Пройдет некоторое время и при регулярных занятиях со временем все получится? Просто уже третий день мучаюсь с одним уроком все повторяю по шагам но в браузере отображается неверно. Когда вставляю код автора то все нормально. Перепроверяла много раз но в чем допустила ошибку не нашла. Я в отчаянии неужели у меня ничего не получится?
0 votes6 answers -
Правильно ли я сделал выпадающее меню?
Учусь делать выпадающие меню, правильно ли я сделал? http://jsfiddle.net/7qdfc7as/
0 votes9 answers -
Выпадающее меню
Не пойму что и где надо прописать http://codepen.io/anon/pen/nfkqE Шапка вроде нормально стоит, но как ввел это, то все сломалось. В общем, проблема с размерами текста, когда выпадает подменю, текст слишком огромный и всю шапку ломает, нужно как то текст уменьшить подменю как сделать. http://codepen.io/anon/pen/nfkqE вот, В общем исправил пару недочетов, теперь только проблема в подменю, оно неправильно выходит.
0 votes2 answers -
Как поставить все в центр?
Заметил одну вещь на сайтах, когда уменьшаешь их в размере, они все по центру остаются, к примеру сайт steam или тот же htmlforum, но только у html растягивается, а на steam он просто уменьшается, посмотрите В общем. Вопрос: как так сделать?Позишн абсолют или фиксед не помогает.
0 votes4 answers -
MapEdit интерактивная карта
Делаю интерактивную модель человека. Все очень просто,нажимаешь на руку-открывается страницы с рукой. Но вот проблема,я сделал что при нажатии картинка увеличивается,если сделать для этой картинки интерактивность,то js отключается.Как исправить? может есть другой способ? Не очень нравится MapEdit . Посоветуйте что-нибудь)
0 votes0 answers -
Фреймы и вкладки над фоном
Добрый день! Делаю дизайн, есть рисунок который растянут на полный экран браузера. Заказчик хочет чтобы над этим рисунком расположил вкладки в виде фрейм либо таблиц. Коллеги посоветуйте пожалуйста как мне верстать над рисунком? Рисунок - как бы бекграунд а над над ним надо верстать как? даже не имею представления. Спасибо
0 votes5 answers -
Блок, фиксированный на одном месте
Здравствуйте! Задача состоит в следующем: сайт с фиксированной шириной. Нужно разместить кнопку "Заказать звонок" так, чтобы она всегда находилась в одном месте относительно края общего блока, а не области просмотра. Как это сделать? Если можно, то без JS.
0 votes17 answers -
jQuery dialog смещается вверх за границы экрана
Всем привет. Помогите, плз, решить проблему. Разрабатываю второстепенные модальные окна на сайте. Использую jQuery.dialog. Внутрь вставил iframe, где и открываю страничку. <div class="modal"><iframe id="wndw_modal" src="/page_loading.htm"></iframe></div>$("#wndw_modal").dialog({ modal: true, buttons: {}, draggable: false, resizable: false, width: '80%', dialogClass: "uiModal", open: function(event, ui) { $(this).attr("src", url); }, close: function(event, ui) { $(this).attr("src", "/page_loading.htm"); }});Собственно проблема. Если в главной странице с прокруткой открываю второстепенное окно, прокручиваю его вниз и нажимаю там ссылку для переход…
0 votes2 answers -
Верстка выдерживающая масштабирование в браузерах
Доброго времени суток. Задался проблемой соблюдения правил для верстки, не ломающейся при масштабировании в разных браузерах. Хотелось бы качестве результата темы получить что-то вроде набора правил, придерживаясь которых верстка не будет ломаться при масштабировании в последних версиях популярных браузеров. Интересно услышать мнение как экспертов, так и тех кто уже сталкивался с такой проблемой и выработал навык оформления стилей, не дающих ломаться верстке при масштабировании страницы.
0 votes4 answers -
табы без содержимого этих табов bootstrap в шаблоне
Всем привет, Делаю дизайн админки на основе http://github.meritoo.pl/Bootstrap-3-Admin-Theme/ui-and-interface.html и в правом нижнем углу есть табы без содержимого этих табов. Я попытался посмотреть как это сделано в другом темплейте: <div class="panel panel-default"><div class="panel-heading"><div class="text-muted bootstrap-admin-box-title">Tabs</div></div><div class="bootstrap-admin-panel-content"><ul class="nav nav-tabs"><li><a href="#tab-1" class="active" data-toggle="tab" >Tab 1</a></li><li><a href="#tab-2" data-toggle="tab" >Tab 2</a></li><li><a href="#tab-3" da…
0 votes1 answer -
<del> или text-decoration:line-through;
Здравствуйте! Вот столкнулась с такой дилеммой. На сайте нужно старую цену сделать зачеркнутой. Что лучше выбрать для решения этой задачи: <del> или text-decoration:line-through; Нужно, чтобы максимально работало во всех браузерах, а также, при формировании сниппета в поисковой выдаче было все корректно.
0 votes13 answers -
Правильная кодировка для мобильных сайтов
Здравствуйте. Хотелось бы затронуть тему кодировки шаблонов для мобильников. Суть проблемы вот в чем: делаю сайт специально под мобильные устройства. Все нормально-мобильники отображают сайт как надо и только одно устройство превращает текст в кракозябры. Виновник этого безобразия - Айпад эир. Операционка iOS 7.1.1 (11D201) понимаю что он кодировку не принимает. Так может кто подскажет как правильно писать кодировку чтобы все мобильные устройства ее воспринимали нормально? Может кто сталкивался? Щас стоит <meta http-equiv="content-type" content="text/html; charset="utf-8" /> Заранее спаисбо.
0 votes6 answers -
Проблемы с фоновым JPG в safari
Всем привет! Ситуация такова: верстаю макет, в нём большая фоновая картинка JPG, почему-то safari её не отображает. если ставлю фоновую картинку PNG, то всё нормально. FF и Chrome нормально отображают JPG. Не могу понять в чем проблема.. пациент: bf.golden-life.ru/beerfest Благодарен за любую помощь
0 votes6 answers -
floaf и overflow: auto
Здравствуйте. Проблема такая. Имеем подобную структуру http://codepen.io/usf/pen/enGgE В хроме при overflow: auto ширина блока blockquote ведет себя правильно. А вот в мозилле ширина блока составляет на 200 пикселей меньше. То есть, чтобы они вели себя одинакового нужно добавить margin-left(или padding) 200px. НО! В моем случае размер блока слева может быть разным, не только 200, как заставить ФФ вести себя точно так же, как хром, чтобы получить верное значение ширины блока blockquote (отсутствие переносов и прокрутки)
0 votes8 answers -
Выравнивание содержимого в таблице
Добрый день! Вот макет таблицы: http://savepic.ru/5551589.jpg Как можно настроить такое выравнивание содержимого? На первый взгляд, это - vertical-aligne:middle; Ан нет Тексты должны выравниваться между собой по верхней строке. Как-то это можно сделать? Есть ли какой-то аналог colgroup для объединения строк?
0 votes3 answers -
Из за чего может быть так?
Ребят, из за чего так может быть так? Во всех браузерах нормально кроме сафари версии 6.1.1 которую я никак найти не могу что бы установить у себя и попробовать. И хром, и фф, и сафари (более старых и новых версий чем 6.1.1, даже на windows который) показывают все отлично, а вот сафари которая у заказчика делает вот такую пакость. http://www.youtube.com/watch?v=hjwHVHQmvg0&feature=youtu.be
0 votes8 answers