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
-
hover +1px border - скачут радиокнопки
При наведении на кнопку - все куда-то движется. Если же границу оставить при наведении в 1px - тогда все ок, но стоит указать border:2px solid black; - и все смещается Что тут поправить?
0 votes1 answer -
hover на 1-й элемент, меняет стиль 2-го элемента
Добрый вечер. Подскажите пожалуйста как hover 1 элемента менять стили другого? вот пример, почему то не работает... https://jsfiddle.net/Beoulve/zgvw2t8k/ может я вообще не так все делаю и проще скриптами делать или другим методом. p.s. пытался включить div блоки в список li что бы hover заработал, но тогда опасити 1 ставится даже когда на сам блок наводишь, а не только на элемент меню. upd. https://jsfiddle.net/zgvw2t8k/4/ вот пример поновее... upd.2. https://jsfiddle.net/Beoulve/zgvw2t8k/5/ получилось, но, когда курсор уходит с ссылки, блок пропадает, хотя если курсор переходит на блок, блок должен оставаться.
0 votes2 answers -
HTML CSS media запросы
Всем привет! Делаю адаптивную версиб сайта (под мобилы), возникла проблемма. Основной CSS .wrapper { border:1px solid transparent; width:1280px; height:1043px; margin:0; background-color:transparent; } .header { border:1px solid #dce5f4; width:200px; height:43px; margin-top:-1045px; margin-left:49px; float:left; } .nav_header { border:1px solid #dce5f4; width:1054px; height:43px; margin-top:-1045px; margin-left:249px; ba…
0 votes12 answers -
html внутри html, doctype внутри doctype
Всем привет! У меня на сайте есть "каркас" в виде php-файла, а переключаемые страницы вложены внутрь него (при помощи php include). Вопрос: вложенным страницам можно приписывать <doctype>, <head> и <body>? Контекст: Недавно очень неожиданно человек, написавший для меня php, внезапно сообщил мне, что так делать нельзя. А у меня уже наверно есть повторяющиеся названия классов на разных станицах, и многие стили присвоены не классам, а элементам. Придется все переписывать, если хочу, чтобе все было красиво? Потому что по сути все и так работает, но если кто-нибудь потом будет дорабатывать/менять, то не хочется, чтобы меня проклинали на чем свет стоит. ил…
0 votes2 answers -
HTML5 ползунок по типу "slide to unlock" с примагничиванием
Нужно сделать ползунок, нашёл готовый вариант: https://css-tricks.com/examples/SlideToUnlock/ Однако от меня требуется, чтобы я сделал авто-доползание ползунка до конца, если он сдвинут минимум на 70% от старта. Как на настоящем экране блокировки. Как такое сделать?
0 votes2 answers -
html5; тег <picture>. Очень хитрое поведение.
Пытаюсь в шапку сайта установит разные изображения адаптированные под размеры устройств. И столкнулся с интересным эффектом от которого мозги закипают. Проблема: картинки правильно показываются только при условии если переход по ссылке идёт с первого самого верхнего уровня меню. Если переход с дочернего уровня, то картинки нет даже запасного варианта только его alt. Но если поставить картинку фоном через css или одно изображение без тега picture, то всё прекрасно работает. Сайт на локальном и на джумле. Пробовал html вариант меню эффекта нет. Скипт отключал. В этих всё работает хорошо ссылки на первом уровне. <li class="item-101 current active"><a href="/index.…
0 votes2 answers -
https
помогите пожалуйста понять что такое https из прочитанного я пока понял приблизительно следующее: 1. если сайт обменивается с посетителями ценной информацией(например сайт банка предоставляет сервис личного кабинета с возможностью перевода денег), то все данные должны передаваться в зашифрованном виде. 2. то есть владелец сайта через какой-то сервис(типа сервиса по прожадам доменных имён) покупает ssl-сертификат и после этого между сайтом и браузерами клиентов передаётся контент, зашифрованный при помощи 100-значного ключа 3. таким образом количество запросов между клиентом и сервером увеличивается. соответственно скорость получения информации несколько уменьшается ес…
0 votes6 answers -
IE7 margin-bottom от абзаца добавляется к img { float: left; }
Обеспечиваю тут поддержку IE7 и не могу найти правильных слов для гугла. Примеры типа "добавьте плавающему элементу display: inline либо zoom: 1" не работают. Есть такой код: <div> <img src="http://placekitten.com/200/200?image=6" /> <p>Текст</p> </div> И к нему CSS div { overflow-y: hidden; } img { float: left; } p { margin: 1em; } Если запустить это в любом ИЕ <= 7, у img появится margin-bottom от подследнего вложенного элемента. В IE >= 8 такого бага нет. Смастерил на коленке фикс: .fix { zoom: expression( this.runtimeStyle.zoom="1", this.appendChild( document.createElement("div") ).class…
0 votes14 answers -
ie8 не понимает eot
Есть сайт.Такая проблема. Генерирую шрифты с помощью сервиса https://everythingfonts.com/font-face. Подключаю их к сайту вот по такому синтаксису: @font-face{ font-family: 'RobotoItalic'; src: url('../fonts/RobotoItalic.eot'); src: url('../fonts/RobotoItalic.eot') format('embedded-opentype'), url('../fonts/RobotoItalic.woff2') format('woff2'), url('../fonts/RobotoItalic.woff') format('woff'), url('../fonts/RobotoItalic.ttf') format('truetype'), url('../fonts/RobotoItalic.svg#RobotoItalic') format('svg');}Во всех браузерах шрифт отображается нормально, кроме ie8. В нем не работает посмотрел в панеля разработчика: осел пишет, что какая то ошибка с форм…
0 votes9 answers -
img src и backgroun-image запрос к серверу
Доброго дня уважаемые коллеги. Помогите, пожалуйста, разобраться в таком вопросе: Если у нас есть img и в нем src к картинке. Браузер шлет запрос к картинке, а если у меня эта картинка выводится через background: url('/img.png') в стилях. Будет ли к ней также запрос или все откомпилится при единственном запросе браузера к стилям? Т.е. дает ли преимущество в запросах к серверу отображения картинок в стилях через фон, а не через img? Заранее спасибо.
0 votes2 answers -
input type file
Еще раз привет, я точно не знаю как это делается, но нужно Input type file стилизовать
0 votes2 answers -
Jade. Избавиться от дублирования кода
Есть код. Он дублируется. Как можно избавиться от этого дублирования в данном случае? .bonuses-calc-table__row .bonuses-calc-table__sub-row .bonuses-calc-table__cell .bonuses-calc-table__cell a.doc(href='#') svg(viewBox="0 0 18 24") use(xlink:href="#iconPdf") span.link 128239.pdf .bonuses-calc-table__cell 20.07.18 .bonuses-calc-table__mobile-row Дата выгрузки span 20.07.18 .bonuses-calc-table__row .bonuses-calc-table__sub-row .bonuses-calc-table__cell .bonuses-calc-table__cell …
0 votes1 answer -
JS vs CSS анимации
Всем доброго дня. Я достаточно давно не занимался версткой, последний раз когда я что-то верстал - css3 и html5 были новинкой и все боялись их использовать из-за весьма скудной поддержки браузерами, вся анимация делалась на jquery в основном. Я так понимаю в данный момент эти технологии являются мейнстримом? Собственно я покурил гугл какое-то время и пришел к выводу, что анимации в современной реальности в большинстве случаев делаются на css3. Я понимаю профит от использования css вместо js - оптимизация, в следствие чего плавность и т.п. Собственно интересует мнение практикующих, насколько верно мое мнение по поводу распространенности css3 анимаций, и насколько хорошо эт…
0 votes9 answers -
Js код для открытия одинаковых окон
Привет, с js особо не дружу, но есть такая задача. https://jsfiddle.net/kwgrjfse/2/ есть такой код, суть в следующем: нужно чтобы при наведении на картинку crypt_img, которых много, показывался соответствующий див crypt_text, я примерно понимаю и видел пару раз, что код пишется как то через eq, value и current index, но не смогу его написать, если кто может, помогите плз
0 votes2 answers -
JS: вставка генерируемого контента в любое место документа
Хотел создать тему в форуме по сценариям, но толком не смог сформулировать даже заголовок, стало стыдно и решил написать пока здесь. Прочитал уже много теории по экме (циклы, инструкции, операторы, функции, массивы, объекты, классыи т.д.) но никак руки не доходят до клиентской части. Если быть откровеннее — загнулся на замыканиях (хотя вроде бы и понял в чем суть) и прочих вещах. Все это время для вставки в документ использовал метод write(). В интернете часто мелькало что-то вроде innerHTML... В общем формулирую вопрос: Нужно научиться вставлять генерируемый сценарием контент в указанное место, а не как это делает document.write(''а именно, он вставляет там, где написан…
0 votes4 answers -
justify-content: space-between - выравнивание элементов в нижнем ряду
Здравствуйте! Подскажите, пожалуйста, как избежать такой картины при justify-content: space-between: Хотелось бы, чтобы в нижнем ряду не было пустого пространства между элементами. Как вы избегаете такую проблему? http://jsfiddle.net/osfkzpvy/
0 votes17 answers -
LESS компиляция на ходу.
Господа, подскажите по поводу компиляции LESS именно на стороне сервера... (с клиентской частью проблемы нет) Я так понимаю - для компиляции используется node.js? Есть ли ещё варианты без использования node ? (Эту тему знаю плоховато, потому и прошу помощи в этом направлении)
0 votes2 answers -
list-style-position не работает
Всем доброго времени суток. Возникла у меня одна неприятная проблема. Захотел я маркеры списков заменить на иконки. В Icomoon сделал себе шрифт и все подключил. И тут то я столкнулся с проблемой. list-style-position работает как inside и когда я хочу чтобы он работал как outside ничего не происходит. Где же мой прокол ? <ul class="structure"> <li class="icon-page">Одна страница, логотип и заголовок</li> <li class="icon-image">Картинка и описание предложения</li> <li class="icon-in-form">Форма для заполнения информации</li> <li class="icon-send">Кнопка отправки и отзывы клиентов</li> <li class="icon-ou…
0 votes5 answers -
Margin при наведении
Добрый день. На сайте при наведении мыши на логотип следующий блок смещается в право на несколько пикселей. Подскажите пожалуйста, как поправить?
0 votes3 answers -
Margin сверху выходит за границу элемента - родителя. Как это можно исправить?
У меня есть элемент-родитель - div белый прямоугольник, внутри него вставляю картинку, прописываю ей margin, с левой стороны оно передвигается нормально, а сверху не хочет.. Если посмотреть через инструмент разработчика, то видно, что margin есть, но оно выходит за границу div - родителя. Не понимаю, в чем проблема..причем проблема не только здесь, но и еще в некоторых местах. С таким сталкиваюсь впервые.
0 votes3 answers -
Mask in SVG
Всем привет! И опять у меня проблемы с SVG. Как сделать, чтобы у буквы D был такой же фон как у контейнера? Т.е. D прозрачная, и фон у многоугольника на месте буквы тоже. Мучаюсь здесь
0 votes2 answers -
NaN не ровно NAN ?
Смотрите: var n=prompt(); // Если ввести строку n=+n; alert(n); // И вывести непосредственно alert(n); То выводит NaN Но если проверить n==NaN будет false
0 votes4 answers -
noUISlider
очень трудновато с этим слайдером. https://jsfiddle.net/k13urhLb/1/ выбрал этот слайдер, но не могу настроить, чтобы больших делений было всего 4 (на 0, 10, 20 и 30), а маленьких делений было между ними 9 (в общем, как на обычной линейке все) и значение выводилось (на фотке где value). Заранее, благодарю за помощь
0 votes2 answers -
Overflow в flexbox с центрированием
Демонстрация проблемы: http://codepen.io/anon/pen/RWeobK. Смотрел на последних Firefox и Chromium в Linux. Если нажать на span, то он увеличится в размерах и, естественно, у div с overflow: auto появится строка прокрутки, но из-за того, что span центрирован, то увеличиваться он будет вверх и вниз одинаково, а прокручивать можно будет только вниз, из-за чего верхняя часть span станет недоступна для просмотра. То же самое и при увеличивании в ширину. Как можно исправить?
0 votes5 answers -
Overflow увеличивает высоту родителя
https://jsfiddle.net/6on27wxf/ Вот такой простой пример. При использовании стиля overflow: hidden; у родительского div увеличивается высота и снизу появляется серая полоса. Если overflow убрать то все нормально. Как сделать overflow: hidden и сохранить высоту?
0 votes2 answers