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
-
Кнопка Play на картинках (псевдоселекторы). Как добавить?
Кнопки не видно img.playvid {position: relative;}img.playvid:before {display: block;content: "";background: url(http://derka.pickupguild.ru/images/play.png) no-repeat center center;position: absolute;top: 45%;left: 0;right: 0;width: 64px;height: 64px;z-index: 99;}Если что, все img заключены в div. Может для него можно что-то прописать, если не получится?
0 votes6 answers -
figure внутри a
Доброе время суток. У меня есть блок (картинка+ее описание), необходимо, что это было ссылкой. вопрос такой, как правильней огранизовать это? На ум приходят два варианта: 1) <a href="#"> <figure> <img src="img/img.png" alt="описание"> <figcaption>описание</figcaption> </figure></a>2) <figure> <a href="#"><img src="img/img.png" alt="описание"></a> <a href="#"><figcaption>описание</figcaption></a></figure>Но правильно ли это, и если правильно, то какой вариант ближе к истине. Используя первый вариант я вижу, что у меня не ресайзятся изображения почему то, хотя max-width=100% и …
0 votes5 answers -
Умный поиск
Можно ли сделать, что-бы в опрделенном случае он(поиск) открывал определенную страницу. Например ввел я слово заяц, а он не находит все страницы, с этим словом, а открывает нужную мне страницу - волк(например). Как мог обьяснил. Если что нужно еще , спрашивайте! Помогите пожалуйста чайнику. Буду очень благодарен! Заранее спасибо. С Уважением, Евгений.
0 votes32 answers -
Как убрать отступ после изображения
Помогите пожалуйста, мне надо, чтобы текст отображался внизу картинки БЕЗ ОТСТУПОВ, сразу после картинки.
0 votes3 answers -
Не корректная работа .navbar и Sticky [Bootstrap3]
Приветствую! Я только изучаю bootstrap и в дизайне не силён. У меня такая проблема: Меню .navbar реализовано, как "липкое меню" и при прокрутке, когда прикрепряется к верху, его целостность рушится и подкладывается под карусель.
0 votes9 answers -
Несколько js на одной html странице
Привет. Подскажите, пожалуйста в чем может быть проблема и, если это возможно, как ее решить. Суть в следующем. Есть одна html страница, на которой реализовано две вкладки. На каждой вкладке отдельном окне, обрамленном с помощью css размещена svg картинка для которой необходимо выполнять JS код. В HTML пытался реализовать подобным образом: <body> <div class="menu1"> <br id="notCns"/> <a href="#cns">cns</a><a href="#notCns">notCns</a> <div> <object id="cnsId" type="image/svg+xml" width="1024" height="768" data="cns.svg"></object> <<script type="text/jav…
0 votes9 answers -
Ошибка клика в canvas
Здравствуйте у меня почему то вылазит ошибка, вот код <!doctype html> <html><head><title>Gudim</title><script></script><img id="button1" src="file:///E:/www/button/button1.png" style="display:none;" onClick="draw2img()"/></head><body> <canvas id="canvas" width="640" height="480" onClick="canvas.onmousemove()"> <button type="button" value="242"></button> </canvas> <script type="text/javascript"> canvas=document.getElementById("canvas"); ctx = canvas.getContext('2d'); var picfon = new Image(); picfon.src = 'file:///E:/www/background/background.png'…
0 votes22 answers -
Размытие фона (filter: blur) ПОД модальным окном
Здравствуйте! Перелопатил очень много информации и примеров, но так и не понял как размыть фон под модальным окном. В любых вариантах у меня размывается само модальное окно, а фон остается прежним. Хотя, если устанавливаю цвет фона, то он применяется под модальным окном...помогите, пожалуйста, разобраться. https://jsfiddle.net/tm1jnysg/
0 votes1 answer -
Тонкости cursor: url
Здравствуйте, делаю такие стили: body { cursor: url("/images/pupbg.png"), auto; /* размер 4х4, вес 174 байта, работает */ } h1 { cursor: url("/images/unit.png"), auto; /* размер 170х200, вес 37 кбайт, не работает :( */ } h2 { cursor: url("/images/happy.png"), auto; /* размер 50х50, вес 5 кбайт, работает */ } В первом и последнем случае курсор-картинка работает, во втором - нет. Очевидно, что проблема в большом размере и весе картинки. Где-то можно узнать максимальные допустимые размеры? Пересмотрел пару десятков статей на эту тему - нигде такой информации не нашел.
0 votes2 answers -
Экранирование кавычек в sass
Как это сделать? В лесс можно поставить тильду и кавычки .. А тут как быть? Вот так, в sass-е не работает .. Без скобок тоже не будет работать, т.к там есть двоеточие. $tablet-width: (min-width: 750px); .main-header { width: 100px; height: 100px; @media $tablet-width { } }
0 votes2 answers -
Контролируемый рандом
Всем привет. Делаю кое-что, и вот понадобилось чтобы генерировалось число(например 9 цифр, без повторений, но с контролируемым повторением 0 в числе(то есть можно указывать количество нулей в числе)), а затем выводить картинки заранее закреплённые за этими цифрами. Даже не знаю с чего начать, подскажите пожалуйста.
0 votes6 answers -
Стилизация колонок в таблице c помощью <col>
Здравствуйте! Есть таблица из двух колонок. Как можно, не прописывая класс ко всем <td>, ко второй колонке применить класс .nowra;? Я пишу так, но не срабатывает. <table><col span="1"><col span="1" class="nowrap"><thead><tr><th>Наименование услуг</th><th>Цена</th></thead></tr><tbody><tr><td>Маникюр гигиенический</td><td><strong>600-00</strong></td></tr>...
0 votes6 answers -
Чередование значения переменной в цикле
Здравствуйте, подскажите пожалуйста... Есть переменная со значением 1 и есть цикл, в моём случае while. Как сделать так чтобы после первой итерации цикла переменная стала со значением 2 а потом уже с последующей итерацией опять 1 и так до бесконечности? То-есть нужно чтобы было что-то типа такого: 1 2 1 2 1 2 ... В голову пока никаких идей не пришло но подозреваю что данная вещь легко реализуется, может функция какая то есть. Спасибо за внимание!
0 votes9 answers -
растянуть inline-block до конца строки
помогите пожалуйста растянуть правый внутренний inline-block до конца строки http://plnkr.co/edit/Pug0TBbVWjF0wEkYpcT9?p=preview есть такой вариант, но в этом случае перестает работать vertical-align: middle http://plnkr.co/edit/q69ycAxFC3yx2k2nTlbQ?p=preview
0 votes1 answer -
Растяжение div на всю строку. Как убрать рамку?
Дорогие мои и уважаемые программисты. Подскажите, пожалуйста, почему, если закомментировать в классе .new рамку: .new { /*border: 2px solid fuchsia;*/ overflow: hidden; float: left; } нажать на кнопку добавить, а потом на кнопку удалить - то поле w(бирюзовое) не расстягивается на всю ширину? Почему рамка влияет на растяжение другого div? https://jsfiddle.net/upzfr4q5/
0 votes9 answers -
Есть див с выпадающем меню и ссылкой на него
Есть див с выпадающем меню и ссылкой на него. Ширина меню намного больше ссылки. Проблема в том, что курсор срабатывает на строке ссылки по ширине меню.... Кто подскажет как избавиться от этого ?
0 votes8 answers -
Эффект как на сайте apple точка com
Здравствуйте. Есть всем известный сайт. К хроме, опере и яндекс при прокрутке можно увидеть эффект. Кто-нибудь знает, как такое можно осуществить? Похоже на параллакс, потому что текст при скролее смещается. На вид не сложный. Спасибо. кто что знает где что взять)
0 votes7 answers -
присвоение классов элементам списка
Здравствуйте. Помогите пожалуйста разобраться новичку с данным вопросом. Подскажите где искать информацию на данную тему. Суть проблемы в следующем: начал делать двухуровневое выпадающее меню и оказалось все не так просто). Допустим есть многоуровневый список вложенный в <div class="memu">, смотрел видео и читал про создание таких меню и не могу понять как можно описать стиль отдельно для вложенных списков. В общем для меня конструкции вида:" .menu ul li {} .menu li ul {} .menu li ul ul {}" реально танцы с бубном не говоря уже о menu ul li:hover>ul и т.д. Не могу понять принципа как описывать свойство вложенного списка да еще и плюс ко всему там п…
0 votes10 answers -
Сылка с переменой
Ребят поскольку я только начинающий, подскажите как формировать ссылку с переменой, То есть как сделать чтобы к силки добавлялось значение с переменой !DOCTYPE html> <html lang="ua-UA"> <head> <meta charset="UTF-8"/> <title>Люстра в моїй кiмнатi</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1 align="center">Управлiння люстри в моїй кiмнатi</h1> <div class="zaholovok red" id="r">ЧЕРВОНИЙ</div> <input type="range" id="fan11" min="0" max="1023" value="0" step="1" oninput="fan1()"> <div class="zaholovok green" id="g">ЗЕЛЕНЙ</div> <input typ…
0 votes16 answers -
Как сделать адаптивную таблицу?
Делаю адаптивный дизайн. Запутался, что с таблицами делать. Вот например дано: <style type="text/css">.tg td{border-style:solid;}.tg th{border-style:solid;}</style><table class="tg"><tr> <td rowspan="2" >Ячейка 1</td> <td nowrap >Ячейка 2</td> <td>Ячейка 3</td> <td rowspan="2">Ячейка 4</td></tr> <tr> <td colspan="2">Ячейка 5</td> </tr> </table> Погуглил, предлагают делать на основе дивов. заменил на дивы <style type="text/css">.mytable {width:500px; border:1px solid black;}.mytable td{border:1px solid black;}.tr {border:1px solid black; }.td {border:1px soli…
0 votes6 answers -
Блоки отскакивают при наведении
Здравствуйте. Вот пример того, как должно быть: Т.е. при наведении на блок, он должен увеличиваться вместе с изображением товара. Как это получилось у меня http://codepen.io/anon/pen/bNQOKa Я сделал это следующим образом: При наведении на блок, он увеличивается, а его марджины уменьшаются. В обычном состоянии я задал в .item-slider li margin:25px 15px 30px 15px; А при наведении: .item-slider li:hover margin:20px 5px 20px 5px; Но проблема в том что другие блоки начинают отскакивать. Что с этим делать? И также интересует следующее: При наведении на блок всплывает круг "SHOP IT". Как сделать чтобы он всплывал плавно. Пробовал как-то сделать через opacity и tr…
0 votes7 answers -
Подменю исчезает при наведении
Возникли трудности при вёрстке подменю: если оно вплотную прилегает к родительскому элементу - проблем нет, но если имеет отступы/отдалено, то при наведении - исчезает. Т.к появляется пустое пространство между li и под меню. Вот код: http://jsfiddle.net/LOL1/jokr73qq/6/ Как сделать, чтобы подменю не исчезало при наведении?
0 votes4 answers -
Сложная вёрстка: 4 столбца
Прикладываю рисунок чтобы было нагляднее. Суть простая. Макет имеет 4 столбца - левый и правый динамичные - второй слева 400px - второй справа 600px Соответственно макет может расширяться, но не должен сужаться меньше 100px. Т.е. крайние могут уменьшиться до 0%, центральные всегда имеют одинаковый размер и должны центрироваться. И каждая из сторон имеет свой цвет Сам пытался, перепробовал разные Фреймворки - практически беда одна, при уменьшении окна браузера центральные блоки наезжают друг на друга.
0 votes18 answers -
Полоска меню во всю ширину экрана
Друзья, приветствую и прошу помощи. Подскажите пожалуйста, как сделать полоски меню во всю ширину экрана (оранжевые) на сайте http://diagnostmaster.ru То есть чтобы они фоном выходили за длину в 1110 px. Заранее благодарен.
0 votes1 answer -
Не работает tr:hover
На сайте в таблице требуется при наведении на строку курсора выделять ее другим цветом. Но задаваемый мной стиль не работает: .tables2 tr:hover{ background:silver !important;} При этом если задавать это свойство для ячейки таблицы, то все нормально отображается. Вот пример страницы:http://football-stadiums.ru/afrika/10-afrika/29-marokko.html Подскажите, пожалуйста, что не так, если не сложно. Заранее благодарен.
0 votes3 answers