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
-
Проблема с вертикальными отступами span
Всем привет. Не могу понять откуда берутся отступы. <div class="mc543_minimenu"> <div class="mc543_button"> <div> <span class="mc543_l1"></span> <span class="mc543_l2"></span> </div> </div> <div class="mc543_menuhandler"></div></div>CSS из правой менюшки консоли хрома - element.style {}wp.test/media="all".mc543_minimenu span { margin: 0; padding: 0; display: inline-block; width: 100%; height: 5px; background: #4F4F4F;}wp.test/media="all"html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acro…
0 votes2 answers -
позиционирование
в раппере , хедер позишин релатив, потом див баннер-он появляется выше хедера почему ? я как понимаю второй див должен встать под хедером, а он становится над ним
0 votes3 answers -
Выравнивание новостей
Есть сайт http://architrade.cl95046.tmweb.ru/category/novosti/ На нем раздел новости нужно привести в такой вид: Т.е. надо что бы выровнять ссылки параллельно новости. Как это можно реализовать?
0 votes0 answers -
Как сделать раскрывающийся текст (картинки)?
Здравствуйте! Подскажите, как можно сделать раскрывающийся текст (картинки)? Допустим, идут картинки, а под ними кнопка "Показать еще", при нажатии на кнопку появляются еще картинки. И как бы это сделать еще и на bootstrap... Схема такая: Спасибо.
0 votes4 answers -
установить шрифт
скачал шрифт установил , прописал в коде но ничего не появляется в браузре http://rghost.ru/36732781 попробуйте у себя пжл
0 votes4 answers -
Вопрос касается html, css. Возможно ли сделать список, как на сайте (ссыль на фото) без использования JS?
Всем привет. Вопрос касается html, css. Занимаюсь версткой сайта. Хотел бы сделать список (чисто на divах без конструкции ul li), который похож на тот, что был сделан на сайте (название сайта на картинке ) . Но я не могу с ходу понять... возможно ли сделать это без использования JS? Чисто через html и css3. Если можно, то как? Парочку попыток я предпринял. Сразу столкнулся с кучей проблем. Начиная с картинки, которая хоть и увеличивалась в блоке с помощью события hover, но была слегка забагована. Местами она просто навсего теряла эффект плавности и приобретала дерганное увеличение/уменьшение, что можно наблюдать в демонстрации к этой статье: http://tradebenefit.ru/art?i…
0 votes2 answers -
Слайдер
Пробую сверстать свой первый сайт с шаблона Psd .После шапки сайта идет слайдер реально ли мне новичку собрать слайдер и с чего хотя бы начинать его делать??Легких путей не ищу:'))
0 votes8 answers -
Редирект и счетчик
Здравствуйте! Хочу настроить редирект с одной страницы сайта на другую страницу с помощью файла 'redirect.php': <?php $URL="";header("Location:$URL");exit();?> 1. Могу ли я сделать с помощью одного файла 'redirect.php' несколько редиректов (с нескольких страниц на другие страницы) ? 2. Как я могу посчитать количество редиректов (можно в простой текст. файл) ? Спасибо большое?
0 votes22 answers -
как добавить иконку в инпут?
Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как добавить иконку в инпут? https://yadi.sk/i/ItL59eIZj9bwR
0 votes2 answers -
Переменные в Less
Не пойму, почему нет переназначения переменных в этом фрагменте Less. @color: red;p { color: @color; }@color: blue;div { color: @color; }На выходе получается: p { color: #0000ff;}div { color: #0000ff;}Значения одинаковы. Почему?
0 votes2 answers -
Селекор с вложенным элементом
Привет. Сейчас есть модные селекторы типа ~ или +, которые работают в зависимости от соседних элементов. А есть ли селектор, работающий в зависимости от вложенных элементов? Конкретно мне нужно перекрасить элемент, если в нём есть :checked.
0 votes5 answers -
Текст в svg, как растянуть?
Добрый день, помогите разобраться как растянуть блок svg чтобы было видно всё размытие. Вот пример http://www.saitadmin.ru/faili_na_razdacu/html/svg.html
0 votes0 answers -
relative приклеить к низу
Здравствуйте, я новичек на сайте но не в вёрстке но вот столкнулся с проблемой, которую не смог решить самостоятельно, что и побудило к регистрации на вашем многоуважаемом форуме =) В общем прошу помощи... Есть блок relative(голубой), в котором должны быть 3 дива. Верхний static, нижний приклеенный к bottom, а посередине блок с контентом(красный), который тоже необходимо приклеить к низу. В этом то и проблема! Он должен быть динамической высоты(в зависимости от объёма входящего в него контента) и влиять на высоту родительского блока. При absolute+bottom:0 - он клеится к низу, но перестаёт растягиваться и контент вылазит за границы, а при pos->relative фиг знает к…
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 -
Текст не переносится на новую строку
Добрый день. Столкнулся с такой проблемой: вывожу элементы в <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 -
Странно себя ведет position: fixed
Проблема с фиксацией картинки background:url(../images/bgshowk2.jpg) center top no-repeat fixed;min-height:50px;background-size: cover;padding:340px 0px 0px; Посмотреть можно на главной странице http://decor-holyday.ru В FireFox все, как надо, а в Chrome (Версия 45.0.2454.85 m) косяки. Просьба к форумчанам помочь, где я туплю... Заранее благодарен за ответы
0 votes5 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 -
Высота ячейки по высота 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 -
Как сверстать такое?
В общем, господа, имею макет, в котором наблюдаю такую форму(картинка прикреплена). 4 шага, с первым справился, а вот на втором - возникла проблема. фон и все элементы покрываются ещё одним слоем, будто select - модальное окно. если это так, то как его позиционировать, если padding элемента выше в %, а сам элемент в px? Шаг 3 - описание опций селекта. Придётся, видимо, подключать библиотеку select2. В общем, мои рассуждения таковы, Хочется услышать более опытных участников форума, что бы вы делали с таким блоком.
0 votes5 answers -
display flex - в Firefox как то не так работает.
Есть вот такая конструкция.. http://jsfiddle.net/4376rfy8/3/ В IE, Google Chrome и Opera вроде работает, а вот в FireFox текст в левой колонке почему то съезжает вниз, методом тыка выяснил что скорее всего виноват display: table; в родительском контейнере. Но вот обойти этот глюк пока не могу придумать как((( Может кто сталкивался с подобным!? Что нужно в итоге: 1) левая и правая колонка одинаковой высоты с плавующей шириной 2) в правой колонке 4 блока которые центруются(выравниваются) по вертикали, причем верхний блок должен прилипнуть к потолку, а нижний к полу.
0 votes3 answers -
Подскажите про 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 -
html страница с базой городов
Скажите как реализовать вот такую вещь что бы попроще было. html страница с базой городов гдето 10 и вот так все отображать как тут https://ff.ua/dostavka-cvetov.html .
0 votes3 answers -
position
разве обязательно для родительского дива писать позишин абсолют, чтобы дочерних можно было позиционировать через релатив ?
0 votes2 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 -
Не понимаю поведение 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