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
-
Выпадающее меню Superfish v1.4.8
Доброго времени суток! Собственно, САБЖ. Есть менюшка Superfish v1.4.8. Есть Wordpress. При открытии длинного выпадающего меню, часть его прячется под другие блоки. Подскажите, что и где нужно подкорректировать, чтоб поверх всего отображался выпадаюзий список. CSS прилагается: /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; } .sf-menu { line-height: 1.0; } .sf-menu ul { position: absolute; top: -999em; width: 12em; /* left offset of submenus need to match (see below) */ background: #101f25; } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu l…
0 votes4 answers -
Смещение элементов при отдалении
Добрый день всем форумчанам. Первая трудность, с которой я столкнулся - элементы и их правильное расположение. Я написал простую страничку - фоновое изображение, div белого цвета, где содержится текст, логотип над этим листом. Проблема возникает следующая - я разместил внутри этого дива еще два, в каждом из которых содержится картинка Png без фона. Я хочу, чтобы картинки выходили за пределы листа и как бы обхватывали его. Точнее, я так и сделал(скрин ниже) Проблема в том, что при отдалении эти две девчонки, обхватывающие лист, не остаются на месте. Свойство position задано absolute. Да, я уже пробовал relative, но так они располагаются один за другим сверху вн…
0 votes1 answer -
Пропадает шапка сайта при вертикальном положении экрана на планшете.
Всем доброго времени суток! Такая проблема: есть болванка сайта: дсп-мебель.рф На главной странице, при горизонтальном положении экрана, все отображается корректно, но при вертикальном положении экрана шапка сайта пропадает совсем....на других немногих страницах шапка остается на месте ( http://дсп-мебель.рф/mebel/mebel.html )! Хочу уточнить, что сия беда наблюдается только в браузерах типа dolphin, boat и встроенного в андроид! На мобильных браузерах типа хрома, оперы, файрфокс всё пучком - никаких проблем... Прошу помощи, так как с адаптивной версткой практически не знаком, код проверял-перепроверял, ошибки не смог найти, к сожалению. Всем заранее спасибо.
0 votes1 answer -
Проблема с таблицей
Проблема с таблицей. Изначальный код такой: [hide] <table> <tr id="str"> <td width="7mm"></td> <td width="10mm"></td> <td width="23mm"></td> <td width="15mm"></td> <td width="10mm"></td> <td rowspan="3" colspan="7" width="125mm">14-НБ-НД3</td> </tr> <tr id="str"> <td width="7mm"></td> <td width="10mm"></td> <td width="23mm"></td> <td width="15mm"></td> <td width="10mm"></td> </tr> <tr id="str"> <td width="7mm"></td> <td width="10mm"></td> <td width="23mm"></td&…
0 votes2 answers -
Два блока перекрывают друг друга при мобильном разрешении
Доброго времени суток, на сайте i-took.ru при мобильном разрешении строка поиска и рекламный блок перекрывают друг друга, не смог решить проблему <form method="post" action="" class="search"> <input type="hidden" name="do" value="search" /> <input type="hidden" name="subaction" value="search" /> <input id="story" name="story" class="searchTerm" placeholder="Поиск по сайту ..." /> <input class="searchButton" type="submit" /><span class="searchIcon entypo-search"></span> </form> <div class="m20"> <a href="http://i-took.ru/" target="_blank"> <img src="{THEME}/assets/img/monitor.png" class=""> …
0 votes6 answers -
Mask in SVG
Всем привет! И опять у меня проблемы с SVG. Как сделать, чтобы у буквы D был такой же фон как у контейнера? Т.е. D прозрачная, и фон у многоугольника на месте буквы тоже. Мучаюсь здесь
0 votes2 answers -
Постоянное изменение left в jquery
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript" src="script's.js"></script> <style> .text-jquery { margin: 0 0 0 30px; transition: 4s; } h1 { position: relative; } </style> </head> <body> <input id="val1" type="text"><br><br> <input id="val2" type="text"><br><br> <button id="as">Посчитать!</button> <button id="lol">Сместить!</button> <button id="lik"></bu…
0 votes4 answers -
Позиционирование содержимого
Посмотрите пожалуйста, на данный скрин На данной странице, я закрепил - содержание - к экрану 2 вопроса: Если я оставлю ссылки слева, то последняя глава останется в блоке, и не будет залезать на общий текст,а если переношу на права, то как видите накладывается текст на текст Почему "Содержание!!!" осталось слева ? <nav class="content"> <h2>Содержание!!!</h2><br> <a href="..." class="href">ссылки</a> </nav> css .content{ background: #fff; position: sticky; top:0; padding-bottom: 20px; padd…
0 votes5 answers -
Десктоп, кажется так это называется
Пдскажите, как сделать так, что бы при локальном просмотре HTML странички (на CD допустим) значек выгладел бы иначе, примерно так:
0 votes5 answers -
зачем использовать position: relative
Приветствую товарищи. Изучаю CSS. Объясните пожалуйста, зачем использовать position: relative без указания значений top и left? ведь объект остается на том же месте и без position: relative.
0 votes2 answers -
Обработка формы с загрузкой изображения
Привет Всем. У меня страница на которой есть форма для заполнения данных. Так же есть кнопка для загрузки изображения. При нажатие кнопки загрузить изображение у меня должен вызываться внешний скрипт ‘upload.php’. Проблема в том, что он не вызывается. Пожалуйста, объясните почему не вызывается данный обработчик?????????? Вот пример страницы: <form method="post" id="form"> <p><labele id="labele_text">Тема</labele>< <input type="text" name="subject" maxlength="50" size="50"/></p> <p><labele id="labele_text">Имя</labele> <input type="text" name="name" maxlength="50" size="50"/></p> <form action="uplo…
0 votes8 answers -
при наводке курсора переместить изображение
Столкнулся вот с такой проблемой... Подскажите пожалуйста, как сделать что бы установить в левом верхнем углу странички изображение, а когда навожу на изображение курсор,что бы оно перемещалось в правый нижний угол! Спасибо!
0 votes5 answers -
? после css
на некоторых сайтах, в href link`а типа text/css, после полного адреса ставиться "?" и идут цифры, для чего они? например <link rel='stylesheet' type='text/css' href='/style.css?090324'>
0 votes4 answers -
Выручайте! Совсем запутался с ссылками...
Что то никак не соображу Проблема такая, с главной странице переходит по ссылкам в горизонтальном и вертикальном меню, а вот если зашел в какое-то меню, то в другое меню не заходит, только может на главную зайти.. Что то я в ступоре полном Вот код ХТМЛ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Организации города Солнечногорск</title> <style type="text/css" media="all"> @import "style.css"; </style> </head> …
0 votes6 answers -
li сделать квадратики ближе
необходимо в списке вида <ul> <li><strong>Нагревательный элемент из высококачественной стали</strong> </li> <li>Автоматическое и ручное выключение </li> <li>Двусторонняя шкала уровня воды </li> <li><strong>Внутренняя подсветка</strong> </li> </ul> Сделать квадритики возле пунктов, очень близко. Как их можно двигать?
0 votes12 answers -
Как сделать тянущийся фон сбоку от контента?
слева и справа от контента надо сделать 2 блока от шапки до подвала с картинкой (падающие лепестки), которые бы дублировались при увеличении размера высоты. перед футером поместил эти 2 блока (чтоб грузились уже после основного контента) попробовал сделать так: #bg-left { position:relative; float:left; left:-100px; top:-250px; background:url(../images/bg-petals.png) repeat-y; } но почему-то это не работает.. не расятигивается, а только внизу появляется. как же тогда сделать эти резиновые блоки по краям?
0 votes5 answers -
Table + position: absolute + height = ...
Тестовый пример безобразия: http://jsfiddle.net/SYhDr/1/ Задача элементарная: нужно отпозиционировать табличку к правому краю и растянуть на определенный процент контейнера заранее неизвестной ширины и высоты. Казалось бы, проблем нет: при абс. позиционировании 100% высоты всегда известны (это фактическая высота containing block'а — предка с position: relative), подставляй числа и радуйся. С обычным дивом так и выходит. Но с табличкой ожидаемый результат получается только в Опере и... IE8. Хром 19, Сафари 5.1.5 и Огнехвост 12 в один голос отказываются растягивать табличку на заданную высоту, а в IE9 и вовсе происходит леденящий душу маразм. Причем пунктом 17.5.3 спеки (ка…
0 votes8 answers -
Wrapper обязателен или можно обойти?
удалите, пожалуйста, эту тему.
0 votes7 answers -
Посещаемость
Здравствуйте, кто скажет: можно ли посещаемость с сайта перенести на программу на ПК? Можно ли это реализовать через Google Analytics?
0 votes10 answers -
Вопрос по div верстке
Возможно ли сделать так что бы при нажатии на ссылку информация менялась в определенном блоке ??? без явы и т.п. на css !
0 votes7 answers -
Выпадающее индексированное поисковыми роботами
Подскажите, на чём нужно делать и как сделать выпадающее меню, чтоб оно индексировалось поисковыми роботами? Если кто делал,напишите пример реализации. Заранее благодарю.
0 votes6 answers -
выровнять div с плавающей высотой по центру
Здравствуйте. Столкнулся с такой проблемой - требуется разместить div с плавающей высотой по центру экрана... погуглил, и в основном предлагают решение через display:table-cell; vertical-align:middle; у родителя, но вот как не пробовал биться головой об стенку у меня это не работает. Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>div</title> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type"> <style type="text/css"> body { padding:0; margin:0; } .wrapper { width:100%; height:100%; position:absolute; background-color:#3FC; display:table-cell; vertical-align:mi…
0 votes4 answers -
инлайн!
#vk_like { float:right; margin:0px 143px 0px 0px; display:inline; } #fb-root { display:inline; border:0px #FFF solid; } Привет. почему кнопки #vk и #fb не хотят быть рядом?
0 votes12 answers -
Затемнение слоя через Multiply - как сохранить в png?
Приветствую! Дизайнер в шаблоне некоторым элементам сделал в шаблоне тени с помощью черно-белого слоя с помощью Multiply и при слиянии всех слоев для сохранения в прозрачный png естественно вылазит этот белый фон... Вопрос! Можно ли как-то это обойти, может я чего-то не знаю? Или пускай перерисовывает?
0 votes3 answers -
Тянущийся div..?
Добрый день, столкнулся с проблеммой, перепробывал много решений, зашел в тупик..Подскажите, как реализовать следующее.. 1) прозрачный див (black_div) это родительский див, в котором лого, ниже меню, а еще ниже див белого цвета (content), и должен растягиваться вниз в зависимости от своего содержимого. Тоесть чем выше белый див, тем больше опускается вниз прозрачный.. 2) Див белого цвета (content) должен растягиваться по высоте в зависимости от своего содержимого, но всегда должен снизу отступать на 15-20 пикс. от прозрачного дива. 3) Див черного цвета это просто демо содержимого..как видно он не тянет ни белый, ни прозрачный див..а просто выходит за пределы.. Ниже струк…
0 votes6 answers