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
29542 questions in this forum
-
Подскажите как сделать данную штуку на BxSlider и можно ли ее вообще сделать на нем?
Хочу сделать вот такое текстовое поле на слайдере, создал сверху над списком блок с текстом с абсолютным позиционирование и с помощью марджинов сместил его в цент, но встал вопрос как сделать переключение текста со следующим слайдером?
0 votes3 answers -
Как подключить виджет uLogin к HTML сайту?
Создал главную страничку сайта. Так как я новичок в HTML хочу попробовать с простой авторизации через социальные сети. Можете описать детально процесс подключения виджета?
0 votes9 answers -
text-align: justify
Необходимо выровнять текст (описание) на всю ширину блока: Как это сделать? text-align:justify - не помогает http://codepen.io/anon/pen/EVopLg
0 votes2 answers -
Убрать outline
Подскажите пожалуйста как убрать outline у формы http://izhevskhit.ru/
0 votes1 answer -
Подскажите, как сбросить стили в определенном блоке
Есть страница с кучей стилей. В рамках ее нужно вставить блок <div> - который не унаследовал бы общие стили. Подскажите, что прописать. Туплю ((
0 votes4 answers -
Эффект тиснения
Доброго дня уважаемые коллеги, подскажите пожалуйста, как можно сделать такую вот скругленную белую тень вверху блока вот здесь ( http://prntscr.com/8tow41 ) Пробую сделать вот так: https://jsfiddle.net/z53k01w9/1/ Вот только не получается как на рисунке - округлить её хорошо внизу. Помогите пожалуйста. Заранее спасибо.
0 votes2 answers -
Подвал
Народ привет, помогите пожалуйста выйти из иступления. Ни как не получаетца прижать футер к низу страницы. Читал разные способы, но у меня немного другая проблема. Футер вообще не прижимаетца (не увеличиваетца в height) и висит на уровне контента прямоугольником. Если вас не затруднит, гляньте код пожалуйста. (у меня header вне wrappera, так как header на всю ширину браузера). <div id="header">Header image</div><div id="wrapper"><div id="content"><h1>Заголовок</h1><div id="page-content"><div class="page-text"><?php p_content(); ?><p class="page-meta">Published on ;<span></span></p></div>&l…
0 votes19 answers -
формы входа на сайт
Есть такое: http://getbootstrap.com/css/#forms Какие есть еще варианты оформления форм? Дизайн не интересует. Интересуют варианты расположение заголовков полей относительно самих полей или их(заголовков) отсутствие.
0 votes7 answers -
Рандомный цвет в переменной
Приветствую! Имеется код, в котором переменная "t" содержит случайный цвет. Как сделать, чтобы при нажатии на кнопку, div заливался случайным цветом? <html><head> <meta charset="utf-8"> <style> #box { width: 25px; height: 25px; border: 1px solid black; margin: 20px; } </style></head><body> <input type="button" onclick="randomColor()" value="ЖМИ"> <div id="box"></div> <script> function randomColor() { document.getElementById("box").style.backgroundColor = "red"; var t = '#' + (Math.round(Math.random(99999999, 1) * 99999999)).toString(16).substr(1);}…
0 votes9 answers -
Неактивные ссылки в постах
Здравствуйте. Надеюсь, что кто-нибудь поможет разобраться. Сам я в верстке просто ноль. Собственно в чем проблема... Есть сайт на wordpress. Заметил недавно, что время пребывания посетителей на нем стремится к нулю. И обнаружил, что ссылки в постах все как одна неактивные, т.е. курсор при наведении на них не изменяется... В одном месте мне подсказали, что возможно, что один из блоков наезжает на другой. И вроде как не хватает закрывающего тэга </div>. Но я никак не могу понять где именно его не хватает. И в какой из файлов его надо дописывать... Вот ссылка на один из постов http://festafiesta.ru/luchshie-pozdravleniya-s-imeninami/ Помогите, пожалуйста, разобраться..…
0 votes4 answers -
Верстка в первый раз - в чем ошибка?
Добрый день, уважаемые форумчане! Совсем недавно друг попросил сверстать ему Лендинг из PSD файла. Визуально лендинг не сложный, поэтому я согласился. С версткой до этого особо опыта не имел. В процессе вертски я сталкивался со всевозможными пролемами, которые удавалось решить с помощью гугла и форумов верстальщиков, за что вам огромное спасибо. Но одну проблему я так и не победил. Перехожу к сути: Дано: домен http://водоканал-сервис.рф Что хотел получить согласно макету PSD: http://joxi.ru/a2X3ZYMCq9qDmg Для верстки решил использовать Dreamveawer CC2015. Был выбран табличный тип верстки. Все вроде получилось кроме одного НО - в разных браузерах таблицы съезжают с фон…
0 votes5 answers -
Выбор технологии реализации
Можно сказать, что никогда не программировал под web, решил попробовать. Для примера решил выбрать конкретную задачу. Хотелось бы сделать дерево объектов, листы и узлы которых можно было бы переставлять местами путем drag and drop в рамках одного уровня. Структура дерева формируется на сервере. Визуально это хотелось бы что бы выглядело так Как я понимаю есть несколько вариантов реализации визуального представления 1. Путем выполнения JS скрипта в который должны быть переданы первоначальные параметры необходимые для отрисовки в Canvas данного изображения. Предполагаю, что не получиться отобразить соеденительные линии. Но подозреваю, что могут быть проблемы с реализацие…
0 votes2 answers -
span и иконка
http://getbootstrap.com/css/#helper-classes-carets <span class="caret"></span>Как сделать так(css), чтоб приведенная конструкция выводила иконку или картинко? (ручками, без фреймворков)
0 votes1 answer -
Рваный фон с тенью.Как сверстать?
Вот скрин фона http://c2n.me/3pebcoV. Рваные края со всех сторон центрального блока. Плюс еще и тень от него. Голову сломал, не могу придумать как сверстать. Вырезанные куски с предварительными наметками тут Если бы не тень , то как-то бы склеил из 3-х частей. Но тень подчеркивает прямые края блоков.
0 votes5 answers -
Видео с ютуба
Здравствуйте уважаемые форумчане! Есть видео с ютуба которое находиться в модальном окне. Подскажите, пожалуйста, как сделать что бы оно(видео) автоматически начинало проигрываться при запуске модального окна ?
0 votes4 answers -
Уникальный стиль полосы прокрутки для отдельного блока на странице
На странице установлен уникальный стиль полосы прокрутки (средствами ::-webkit-scrollbar). Нужно немного иначе стилизовать отдельный блок на странице. То есть, чтобы полоса прокрутки внутри него была другого цвета и ширины. Как это сделать?
0 votes3 answers -
Кнопка закрытия внешних ссылок
Здравствуйте. Возник такой вопрос : как в блог в панель редактирования установить кнопку закрытия внешних ссылок?
0 votes1 answer -
Линия под заголовоком
Как сделать что бы не зависимо от длины заголовка, линия под ним была как у <h2>: http://jsfiddle.net/rus333/nva70qmz/1/ ?
0 votes14 answers -
Подскажите, как исправить меню
Здравствуйте, не могу понять, как исправить вертикальное раскрывающееся css-меню. Проблема в том, что при наведении на пункт, имеющий подпункты, субменю не просто вылезает справа, но и тащит за собой правую сторону обводки всего блока + раздвигает пространство между первым и вторым пунктами. Прилагаю скриншоты до и после наведения мыши. Код CSS #blocks {display: table-cell; width: 20%; background-color: #e9e9e9;-webkit-box-shadow: 2px 3px 4px 0px rgba(50, 50, 50, 0.75);-moz-box-shadow: 2px 3px 4px 0px rgba(50, 50, 50, 0.75);box-shadow: 2px 3px 4px 0px rgba(50, 50, 50, 0.75);outline: 3px solid #8c3200;} .block-top {min-height: 44px; height: auto; width: auto;b…
0 votes14 answers -
Блок поверх строки таблицы
Народ привет всем! Есть задача сделать на ховер строки таблицы, или по клику (не важно), чтоб появлялся блок поверх этой строки, на ее высоту и ширину. Помогите плз идеями, ниче в голову не приходит. http://jsbin.com/hafihigija/edit?html,css,output
0 votes4 answers -
Помощь в вёрстке "Шапки"
Добрый вечер, уважаемые форумчане. Помогите, пожалуйста, новичку. Столкнулся с необычной на мой взгляд шапкой сайта и возникли трудности сверстать её. Буду рад советам с пошаговыми инструкциями как это будет лучше сделать в стиле: задаешь фон, размещаешь логотип и т.д или просто дельным советам. А также как избежать проблем со следующим блоком, где размещена картинка, чтобы она не прижималась к правому краю логотипа, а её можно было выровнять в центре? А ещё, как вы можете видеть, на картинке есть линии, на концах которых будут расположены ссылки, как их лучше всего добавить и разместить поверх рисунка?
0 votes11 answers -
Футер и скролл сециями
Есть страница сделанная на Scrollify (https://github.com/lukehaas/Scrollify), которая скроллится секциями 100% высоты, как здесь http://projects.lukehaas.me/scrollify/#home. Все хорошо, но нужно добавить футер, фиксированной высоты меньше высоты экрана: И тут возникает проблема, как заставить Scrollify не возвращать на последнюю секцию, когда нужно прокрутить к футеру? http://jsfiddle.net/kvw0eom6/
0 votes1 answer -
<!DOCTYPE html> портит верстку в IE7
Здравствуйте! Делаю страницу для использования в IE7 и столкнулся с проблемой. В странице используется текстовый редактор с подсветкой кода CodeMirror. В IE7 редактор отображается некорректно, если не использовать доктайп (в редакторе появляются неактивные полосы прокрутки, а при наборе текста страница сама прокручивается). Увидел, что в демо-страничках из дистрибутива CodeMirror используется <!DOCTYPE html>. При установке <!DOCTYPE html>, на моей странице перестают корректно отображаться многие стили (отступы и всё с этим связанное, установка цвета фона контейнеров и пр.), причем только в IE7. При этом, редактор начинате работать как полагается В нормальн…
0 votes4 answers -
3-x уровневое меню сайта
Нужно сделать точную копию меню сайта ******* Тли я что то не так делаю, то ли еще что то, но просто копирование исходного кода страницs и css не помагает,так работает только 2-х уровневая менюшка, а нужна 3-х Помогите сделать, в css не шарю, только чистый html
0 votes1 answer -
overflow-y работает, как обычный overflow
Здравствуйте! overflow-y работает, как обычный overflow - скрывает содержимое по обеим осям. То есть мне нужно скрыть содержимое по вертикали и показать по горизонтали: overflow-y: hidden;overflow-x: visible;Есть какой-то способ?
0 votes7 answers