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
-
Переменные в Less
Не пойму, почему нет переназначения переменных в этом фрагменте Less. @color: red;p { color: @color; }@color: blue;div { color: @color; }На выходе получается: p { color: #0000ff;}div { color: #0000ff;}Значения одинаковы. Почему?
0 votes2 answers -
Вопрос касается html, css. Возможно ли сделать список, как на сайте (ссыль на фото) без использования JS?
Всем привет. Вопрос касается html, css. Занимаюсь версткой сайта. Хотел бы сделать список (чисто на divах без конструкции ul li), который похож на тот, что был сделан на сайте (название сайта на картинке ) . Но я не могу с ходу понять... возможно ли сделать это без использования JS? Чисто через html и css3. Если можно, то как? Парочку попыток я предпринял. Сразу столкнулся с кучей проблем. Начиная с картинки, которая хоть и увеличивалась в блоке с помощью события hover, но была слегка забагована. Местами она просто навсего теряла эффект плавности и приобретала дерганное увеличение/уменьшение, что можно наблюдать в демонстрации к этой статье: http://tradebenefit.ru/art?i…
0 votes2 answers -
Текст в svg, как растянуть?
Добрый день, помогите разобраться как растянуть блок svg чтобы было видно всё размытие. Вот пример http://www.saitadmin.ru/faili_na_razdacu/html/svg.html
0 votes0 answers -
как добавить иконку в инпут?
Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как добавить иконку в инпут? https://yadi.sk/i/ItL59eIZj9bwR
0 votes2 answers -
адаптивность
Я сверстал страницу, как перейти на адаптивность, чтобы страница стала адаптивна. Что нужно сделать ?
0 votes10 answers -
Селекор с вложенным элементом
Привет. Сейчас есть модные селекторы типа ~ или +, которые работают в зависимости от соседних элементов. А есть ли селектор, работающий в зависимости от вложенных элементов? Конкретно мне нужно перекрасить элемент, если в нём есть :checked.
0 votes5 answers -
Youtube влог о вебе интересует ваше мнение
Привет! Я Лика и я фрондев уже около 4х лет и хобби ради решила завести свой влог на ютубе о вебе. Дабы делится опытом конечно, а не гордости ради, хаха Сейчас Я записываю общие темы, например как найти свою первую работу, создать резюме или где учится. В этой темке я хочу спрашивать начинающих верстальщиков/фронт-ендов/ui, что им интересно услышать. Это поможет мне записывать более полезные видео для вас же. Через пару дней я планирую писать про поиск первой работы и хотелось бы узнать, какие нюансы вам интересно услышать. Какие трудности вызывает поиск той самой-самой первой работы-заказа. Я попытаюсь рассказать, как решить эти нюансы и получить желательный офф…
0 votes41 answers -
relative приклеить к низу
Здравствуйте, я новичек на сайте но не в вёрстке но вот столкнулся с проблемой, которую не смог решить самостоятельно, что и побудило к регистрации на вашем многоуважаемом форуме =) В общем прошу помощи... Есть блок relative(голубой), в котором должны быть 3 дива. Верхний static, нижний приклеенный к bottom, а посередине блок с контентом(красный), который тоже необходимо приклеить к низу. В этом то и проблема! Он должен быть динамической высоты(в зависимости от объёма входящего в него контента) и влиять на высоту родительского блока. При absolute+bottom:0 - он клеится к низу, но перестаёт растягиваться и контент вылазит за границы, а при pos->relative фиг знает к…
0 votes5 answers -
Необходима помощь с выпадающим меню
Здравствуйте у меня имеется изготовленное горизонтальное меню необходимо сделать некоторые пункты выпадающими, но все усилия тщетны.
0 votes5 answers -
Пустые места в ячейках таблицы
В таблице 9 столбцов, ширина таблицы 940px, первый и последний столбцы фиксированной ширины 245px и 100px. В firefox и chrome ширина первого и последнего столбца равны заданным, остальные по ширине пропорциональны содержимому. В ie8 первый столбец имеет ширину 268px, последний 109px. Откуда берется пустое место? Ссылка на таблицу http://arendacar.ru/table/carstable.htm Как выглядит у меня в ie8 Здесь тоже показывает пустые места https://dev.modern.ie/tools/screenshots/#http://arendacar.ru/table/carstable.htm Это архив страницы https://yadi.sk/d/bs2YjHijj8eBK
0 votes1 answer -
Подскажите про htaccess, редиректы и диапазоны сети 2
Добрый день. Нужна помощь в реализации редиректа ip адресов (масок подсетей) со страницы http://mydomen.ru/index.php , на другую http://mydomen.ru/wordpress/index.php . На просторах форума раздобыл данный код для .htaccess: RewriteEngine on RewriteCond %{REMOTE_ADDR} ^111\.222\.333\.\d{3}$ [OR] RewriteCond %{REMOTE_ADDR} ^111\.222\.334\.\d{3}$ RewriteCond %{REQUEST_URI} !^\/page.html$ RewriteCond %{REQUEST_URI} !^.*\.(swf|fla|xml|ico|jpg|gif|png|js|css)$ RewriteRule ^.*$ http://mysite.ru/page.html [R=301,L]Изменил его под свои нужды: RewriteEngine on RewriteCond %{REMOTE_ADDR} ^192\.168\.1\.\d{3}$ [OR] RewriteCond %{REMOTE_ADDR} ^192\.168\.2\.\d{3}$ RewriteCond %{REQUEST_…
0 votes0 answers -
Мобильный доктайп
Привет. В общем есть важный вопрос, на который с ходу ответа в интернетах не нашёл. Существует отличный доктайп <!DOCTYPE html>, который даёт мне всё, что необходимо. А, например, яндекс хочет от меня для мобильной версии особенный мобильный доктайп https://yandex.ru/support/webmaster/recommendations/mobile-site.xml?ncrnd=362Один из этих предлагает. https://en.wikipedia.org/wiki/Document_type_declaration#XHTML_Mobile_Profile_DTDs Скажите, есть ли доктайп, который бы с одной стороны говорил, что это мобильная версия, с другой не навязывал бы стандартов?
0 votes3 answers -
display flex - в Firefox как то не так работает.
Есть вот такая конструкция.. http://jsfiddle.net/4376rfy8/3/ В IE, Google Chrome и Opera вроде работает, а вот в FireFox текст в левой колонке почему то съезжает вниз, методом тыка выяснил что скорее всего виноват display: table; в родительском контейнере. Но вот обойти этот глюк пока не могу придумать как((( Может кто сталкивался с подобным!? Что нужно в итоге: 1) левая и правая колонка одинаковой высоты с плавующей шириной 2) в правой колонке 4 блока которые центруются(выравниваются) по вертикали, причем верхний блок должен прилипнуть к потолку, а нижний к полу.
0 votes3 answers -
Высота ячейки по высота iframe
Доброго времени суток всем! Как растянуть высоту ячейки по высоте iframe? Чет не хочет хочет меняться - ячейка думает что у меня iframe до сих пор имеет скроллинг и остается таким же вот код странички: <head><!--Frame size--><script type="text/javascript"><!--function mySize(){$('iframe').contents().find('body').css({"min-height": "100", "overflow" : "hidden"});setInterval( "$('iframe').height($('iframe').contents().find('body').height()+5)", 1 );}//--></script><!--Frame size--></head><body><table width=100% border=1 cellspacing="0" cellpadding="0"><!--Start row 1--><tr><td>1.1</td><td width=…
0 votes1 answer -
Текст не переносится на новую строку
Добрый день. Столкнулся с такой проблемой: вывожу элементы в <li></li> Однако если текста получается больше, чем заданная ширина <li>, текст не переносится на новую строку. Сам код такой: <ul id="categories-nav" class="top-categories parent"><li id="menu-item-181" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-181"><a href="http://actual/product-category/oborudovanie-i-mebel-dlya-kosmetologii/">Оборудование и мебель для косметологии</a></li><li id="menu-item-182" class="menu-item menu-item-type-taxonomy menu-item-object-product_cat menu-item-182"><a href="http://actual/product-categ…
0 votes4 answers -
проблемы верстки
есть фиксированный див с классом .wrapper {width: 1170px; margin: 0 auto;} в него вклдаываются все дивы навигации хедер и так далее. В футоре надо backgroud сделать чтобы он выходил за границы ширины(1170px) основного контейнера как это сделать ?:
0 votes7 answers -
position
разве обязательно для родительского дива писать позишин абсолют, чтобы дочерних можно было позиционировать через релатив ?
0 votes2 answers -
Не понимаю поведение margin
Всем доброго дня. Упрощенный для наглядности код того что я делаю <html><head></head><body><div style="background:#000;"> <div style="background:#fff;width:100px;height:100px;margin:50px 0 0 50px"></div></div></body></html>Разве не должны отступы от вложенного дива быть собственно внутри дива в который он вложен? Почему верхний margin отрисовывается так как будто он указан для родительского блока?
0 votes4 answers -
Проблема с input в мобильном Safari
Добрый вечер! Маленькая проблемка появилась. В мобильном Сафари input text и input password больше чем везде (сравнил на компе, да, больше именно они, а не кнопка меньше). Думал проблема в text-indent, сменил на padding, поменял размер, глухо. На виртуалке смотрел на десктопном Сафари - все ок, во всех остальных бразузерах - все ок. На мобильных девайсах почему то нет. Использую normalize https://github.com/necolas/normalize.css/blob/master/normalize.css Код: http://jsfiddle.net/0go8ub5u/ А вот так на айфоне: Теряюсь в догадках уже, помогите пожалуйста разобраться
0 votes3 answers -
Как сверстать такое?
В общем, господа, имею макет, в котором наблюдаю такую форму(картинка прикреплена). 4 шага, с первым справился, а вот на втором - возникла проблема. фон и все элементы покрываются ещё одним слоем, будто select - модальное окно. если это так, то как его позиционировать, если padding элемента выше в %, а сам элемент в px? Шаг 3 - описание опций селекта. Придётся, видимо, подключать библиотеку select2. В общем, мои рассуждения таковы, Хочется услышать более опытных участников форума, что бы вы делали с таким блоком.
0 votes5 answers -
Редирект и счетчик
Здравствуйте! Хочу настроить редирект с одной страницы сайта на другую страницу с помощью файла 'redirect.php': <?php $URL="";header("Location:$URL");exit();?> 1. Могу ли я сделать с помощью одного файла 'redirect.php' несколько редиректов (с нескольких страниц на другие страницы) ? 2. Как я могу посчитать количество редиректов (можно в простой текст. файл) ? Спасибо большое?
0 votes22 answers -
Прыгает сайт на планшете
Привет всем. Есть сайт http://prodromos.by/ при просмотре на мобильных устройствах (в основном в хроме) сайт прыгает. В чем может быть проблема? Спасибо.
0 votes6 answers -
html страница с базой городов
Скажите как реализовать вот такую вещь что бы попроще было. html страница с базой городов гдето 10 и вот так все отображать как тут https://ff.ua/dostavka-cvetov.html .
0 votes3 answers -
иконка
вырезал иконку из макета лупа для поиска она стала черная а на макете белая, как перекрасить ее в черный цвет ?
0 votes4 answers -
тормоза chromuim
ребята, никто не замечал в последние несколько дней у хромиума глюки, связанные с долгой загрузкой и перезагрузкой по нескольку раз окон(особенно когда много открыто). я вот думаю, у меня комп накрывается или это хромиум глючить стал после обновлений? поделитесь пожалуйста ощущениями
0 votes1 answer