HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
- Про макеты
- By klierik,
Explore Questions
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Как подключить на сайте несколько разных версий jQuery?
Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, kак подключить на одной странице несколько разных версий jQuery ?
0 votes5 answers -
Вариант расположение меню не перекрывая слои
Доброго времени суток. Было много проблем в начальной стадии, поэтому скажем, что-то я перемудрила... http://test3.aveas.ru/- вот сайт, меню с пунктами Общеклинические направленияКосметологияПластическая хирургияСтоматологияТ.к. я еще не до программировала этот момент с меню, третий уровень выпадает пока только на этой странице в разделе Пластическая хирургия, подменю Нос, и там появляется третий раздел при наведении http://test3.aveas.ru/napravleniya/plasticheskaya-hirurgiya/nos/ Проблема в том что при том же 1024 меню съезжает, из-за вставленного кастыля overflow пришлось поставить большой padding, чтобы не обрезался третий уровень. Подскажите как сделать по дру…
0 votes4 answers -
Не отображается шрифт
В макете указан такой текст: Если навести на него в фотошопе то название у него "DecorC"Нашел этот шрифт в сети (хотя и с трудом), скачал файл в формате .otf, сгенерировал в форматы .eot, .ttf, .woff, .woff2 на сайте fontsquirrel.com Подключил как положено: @font-face { font-family: "Decorc"; src: url('../fonts/decorc_1-webfont.eot'); /* IE9 Compat Modes */ src: url('../fonts/decorc_1-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/decorc_1-webfont.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/decorc_1-webfont.woff') format('woff'), /* Pretty Modern Browsers */ url('../fonts/decorc_1-webfont.ttf') format('truetyp…
0 votes1 answer -
Прозрачный цифры на фоне
Здравствуйте! Столкнулся со следующей задачей. Надеюсь, вы мне подскажите, как быть. Имеется 4 (цифры), выполнены как прозрачные. Сзади цифр и по бокам фон разный. Вся идея в том, что это не статичная картинка, а цифры меняются в зависимости от наполнения сайта контентом. Подскажите, пожалуйста, как проще реализовать. https://yadi.sk/i/7j25fW-6pPFqC
0 votes1 answer -
Вертикальное выравнивание изображений
Здравствуйте. Подскажите, пожалуйста, как сделать вертикальное выравнивание в списке изображений? Нужно сделать следующее: p.s делаю слайдом каждое изображение, добавляется обтекание элементу по левому краю float: left
0 votes2 answers -
Упс, высота блока и float изображения
Ширина блока .cmessage зависит от текста, а не всего контента (текст + картинка). У картинки CSS свойство "float: left". Как сделать полноценный блок? Структура: <div class="cblock"> <div class="ctitle">Заголовок</div> <div class="cmessage"> Контент </div> <div class="cdetails">Серая полоска с инфой</div></div>
0 votes2 answers -
Как сделать правый бар с помощью bootstrap grid?
Каждый пост .row с 8 колонками и правый бар с 4 колонками, как сделать что правый бар не зависило от .row т.е правые колонки будут разной высоты не зависимости от от высоты поста? Это надо использовать Flex или Masonry? Сайт Html код Макет как должно быть
0 votes1 answer -
Диагональные (или треугольные блоки)
Можете подсказать примеры реализации таких блоков? При ховере картинка должна двигаться.
0 votes1 answer -
Как разделить страницу на 2 части по вертикали?
Как разделить html страницу на 2-е равных части в процентах по вертикали? И назначить им разные цвета? Например верхняя часть красная, а нижняя синяя.
0 votes2 answers -
Форма обратной связи на лэндинг
Всем привет) Я купил в интернете макет лэндинга, реализованного на html. Т.к я не знаток html, то какие-то основные моменты я подстроил под себя, но остался вопрос, каким образом настроить форму обратной связи на свой e-mail. Привожу код данной формы: <form class="form-inline"><input type="tel" id="tel" name="tel" placeholder="Ваш телефон (мы перезвоним)" class="input-lg"><button type="submit" class="btn btn-primary">Оставить заявку</button></form>Пробовал искать ответ, экспериментировал с mailto, но не получилось добиться работоспособности формы. Помогите пожалуйста: как должен выглядеть код формы, чтобы при нажатии на кнопку, мне на поч…
0 votes8 answers -
Выравнивание текста и картинки-иконки
Перейдите по ссылке, перейдите по пункту меню "Контакты", Как можно выравнять по одной линии текст ссылки и картинки? http://mbav-websites.xyz/
0 votes1 answer -
Связать блоки
Здравствуйте! Есть текст и картинка, у которых стоит прозрачность 50%, при наведении прозрачность 100% Как связать текст и картинку, чтобы при наведении одного из этих элементов, прозрачность менялась и у текста и у картинки? https://jsfiddle.net/19cwsr5j/
0 votes1 answer -
курсор влияет на ширину поля
помогите пожалуйста полонстью скрыть поле поиска здесь после клика по иконке поиска происходит плавное разворачивание и сворачивание поля поиска. проблема в том, что в последей версии opera(для linux) поле поиска никогда не исчезает .вероятно, это происходит из-за ширины курсора, который находится в поле поиска
0 votes4 answers -
position relative и занимаемое место
при relative позиционировании элемент сдвигается но остается занимаемое им место. как проще всего убрать влияние этой "пустоты"? интересует корректировка по высоте
0 votes3 answers -
Какие технологии применены?
С помощью каких технологий можно сделать подобное интерактивное видео с элементами геймификации и как эти элементы называются (провести мышкой по точкам) (без связки с телефоном (для этого есть Pusher вроде))? http://www.kingsmanmovie.com/becomeakingsman/code Я так понял, этот сайт сделан с помощью backbone.js и underscore.js. Есть ли какие-то туториалы или решения для создания таких видео с геймификацией (взаимодействием)?
0 votes3 answers -
Поясните за Disqus
Посоны, чё его так все используют? Чё в нём такого? Даже htmlbook и уже давно. Зачем прибегать к чужим разработкам когда систему комментариев любой го*нокодер на подобии меня сможет быстро написать! Зачем писать всякие тра-ля-ля на подобии "Не пиши код в комментариях, он может не корректно отображаться" когда можно сделать всё своё и чтобы с кодом не было никаких проблем. Зачем играть по чужим правилам когда можно диктовать свои?
0 votes3 answers -
Выровнять элементы в строке
http://jsfiddle.net/ogb7kbLw/ <!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title><STYLE>.button-master {border: 1px solid #000;padding: 2px; /* вопрос б *///float: left; /* вопрос в */} .button-slave {padding: 2px;background: #aaa;font-size: 13px;font-weight: bold;border: 1px dashed #fff;color: #fff;}.canvas {display: inline;} canvas {//position: absolute; /* вопрос г *///float: left;}</STYLE></head><body><HEADER></HEADER><SECTION><NAV></NAV><ARTICLE><span class="button-master"><span class="button-sla…
0 votes0 answers -
Как убрать margin-bottom при наличии соседа
Здравствуйте. Такая проблема - не понимаю, как сверстать такой макет: <div class="parent"> <div class="first">Lorem ipsum blah blah blah</div> <div class="second">Something</div></div><div class="parent"> <div class="first">Lorem ipsum blah blah blah</div></div>Задача: при наличии .second у .first должен исчезать margin-bottom. .second может не быть, при его отсутствии first должен корректно распирать родителя. Вот как это должно выглядеть: https://jsfiddle.net/ntanwrks/5/ Возможно ли это сделать, не добавляя лишний класс div.first, который будет просто сигнализировать, что у тебя есть сосед?
0 votes2 answers -
Узнать ссылку по нажатию кнопки.
Ребят, помогите советом. Вот страница http://hroost.com- видите, там есть неумело установленная менюшка с валютой - украина, россия, и кнопка "валюта". Скажите, можно ли узнать, какая получается ссылка при нажатии на "валюта"? чтобы назначить вместо этой менюшки обычные ссылки, нажимая на которые я смогу менять валюту на сайте. Спасибо Правая кнопка мыши не помогает.
0 votes0 answers -
не работает русский язык при utf-8 без bom
Подключаю utf-8 без бом, не работает русский язык, а с бом , не работает сессия и куки.Вместо русского появляются какие то странные символы.Искал решение своей проблемы, что бы я не пробовал, ничего не получается.Еще добавлю , что запускаю с денвера(может это прояснит ситуацию ). Прилагаю пример кода. <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Блочные элементы</title> <link rel="stylesheet" href="/assets/course9/style1.css"> </head> <body> <h1>Типы элементов</h1> <div> <h2>Блочные</h2> <h2>Строчные</…
0 votes2 answers -
Изменение css свойств родителя onfocus:last-child
Доброго времени суток, есть такая конструкция: #header nav ul li Нужно что бы при клике (:focus) на #header nav ul li:last-child у #header изменилось свойство width Есть какие идеи?
0 votes4 answers -
Как сделать
У меня возникла вот такая проблема: Я хочу сделать расписание для своей группы в виде расширения для браузера, и сейчас, из-за малого опыта, не могу понять. Как сделать так что бы открыв меня расширения, открывалось сначала дни недели, и нажимая на него рядом будет открываться само расписание. Что то типа браузера в маленьком окошке расширения. Сильно прошу помочь.
0 votes1 answer -
Проблемы обтекания в ie-7(float:right;)
Всем привет. Такой вопрос: https://yadi.sk/i/CN1Axl0Up2phW Можно ли как то заставить IE-7 со св-вом флоат райт - обтекать с лева, внутри лежащие блоки? (как это происходить во всех нормальных браузерах) ) + такой момент хотел еще выяснить для себя: https://yadi.sk/i/0EDT9exhp2yTM можно ли устранить черный бордер в IE-7 на инпуте(сабмит), если у меня само св-во(border) предполагается у этого тега по плану? (короче что бы нужный мне бордер был(серый) а черный что бы не появлялся на кнопке..)
0 votes3 answers -
Адаптивный Scrollbar
Люди, посоветуйте как лучше поступить. Скрин проблемы http://prntscr.com/a58l7i Пояснение: Есть кастомизированный горизонтальный скрол с которым хорошо работать на компьютере. Нужно его адаптировать под планшеты и смартфоны. Изначально я использовал JQuery плагин custom-scrollbar-master, но в нем есть очень большой косяк, он не поддерживает флик (движение пальцем по телефону) вправо на телефоне. Я пытался найти другие плагины, но все которые мне попадались не поддерживают флик вправо. Ребят, посоветуйте как можно решить такую проблему или может кто посоветует другой плагин?
0 votes3 answers -
Рамка у ссылки при нажатии
При нажатии на ссылку появляется рамка При том что в стилях я задал ей: a:visited,a:active { border: none; outline: none; } И даже так: a:visited,a:active { border: none!important; outline: none!important; } В чем может быть дело
0 votes2 answers