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
-
Помогите вытащить элемент из под блока
Привет! У меня такая проблема - ни как не могу вытащить на верх ссылку из под выше лежащего блока. http://jsfiddle.net/8huMu/ Как видно есть два дива, в первом есть какой-то элемент, например ссылка. Второй блок немного поднят вверх и перекрывает первый. Мне нужно что бы второй перекрывал первый как сейчас, но что бы ссылка (черный блок) была поверх всех блоков. Спасибо
0 votes7 answers -
Как вывести див в цикле и как заставить его удлиниться?
Если выводить див в цикле, он просто будет накладываться один на другой, как сделать так, что бы такого не происходило? <div id="sh"> <div id="apDiv1"> <span class="s_name">There are many variations of passages of Lorem Ipsum available, but the majority of passages variati</span> </div> <div id="apDiv2"> <div id="apDiv5"></div> <div id="apDiv6"></div> <div id="apDiv7"></div> <div id="apDiv9"> <p class="s_com">There are many variations of passages of Lorem Ipsum available, but the majority of passages variati</p> </div> </div> <div id="apDiv3"></div> <div …
0 votes4 answers -
Не получается поставить картинку поверх checkbox
Здравствуйте. Посмотрите пожалуйста на код, может сможете помочь. Есть код HTML <div class="checkbox"><input type="radio" value="2" name="option" id="2"/><label for="2">текст</label></div> и CSS .checkbox {position:relative;padding-left:25px;}.checkbox input[type=checkbox], .checkbox input[type=radio] {display:none;}.checkbox label:after {content:'';display:block;height:24px;width:24px;outline:2px solid #939598; position:absolute;top:0;left:0;bottom-radius:5px;outline-radius:50px;}.checkbox input[type=checkbox]:checked + label:after, .checkbox input[type=radio]:checked + label:after { position:absolute;background:url(images/galka.png…
0 votes3 answers -
Как сделать вложеную ссылку в див, который является ссылкой, но по другому адресу
<a href="main"> <div>Text</div> </a href="fdg">dfgdfg</a> <div>Text2</div> </a>
0 votes9 answers -
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 -
Как подогнать css под Safari 5 и IE-11
Добрый день. Размещено 2 блока по 3 изображения, отцентрировано flex, по плану при наведении курсора картинка затемняется, сверху появляется описание. Стили работают как задумано только в Chrome и Opera. В Сафари рамка не всплывает, текст не выравнивается. В IE 11 рамка всплывает, текст не выравнивается. Заранее благодарю. <div class="wrapper"> <div class="demo-content"> <div class="part"> <figure class="img-box"> <img alt=img src=https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample54.jpg> <figcaption><section class="imgone">По Вашему желанию электропроводку можно уложить в ПВХ-коро…
0 votes0 answers -
Бутстрап и vue?
Можно ли сочетать сабж? А бутстрап, vue и Laravel?
0 votes1 answer -
теги определяющие наличие
тег определяющий наличие включенного javascript ——- noscript. Интересно каковы теги для фото,java,cookies, т.е. все теги которые определяет отключена ли возможность или подключена???????? Например для javascript это тег noscript ——— все, что в него заключено будет отображено,— если javascript отключен (например, можно написать Включите javascript и выделить красным цветом). Спасибо.
0 votes2 answers -
проблема с кодировками при обновлении
Господа есть страничка делается в Visual Studio Сохраняю в Юникод UTF-8 открываю в IE все нормально перехожу по страницам тоже проблем нет но как только нажимаю обновить кодировка валится напрочь хотя то же самое проделываю в Опере проблем нет никаких Кто встречался плиз подскажите
0 votes4 answers -
стандартные файлы в темах вордпресса
Может кто знает где взять полный список всех возможных стандартных файлов wordpress с описаниями о их назначении и названиями функций при помощи которых данные файлы вызываются? Мне интересен пока только список этих файлов, функции которыми они вызываются и описания о назначении, а не вся документация полностью
0 votes1 answer -
вход по логину и паролю
Дорогие мужчины! Помогите пожалуйста мне с моей проблемой. Я сделала страницу с формой регистрации на сайте и страницу с формой входа на сайт (PHP) что делать дальше??? я понимаю что нужно теперь создать базу данных где будут сохраняться данные из формы регистрации, но где и как? Помогите пожалуйста. Если можно отвечать более подробно я новичок в этом деле! Заранее спасибо!
0 votes1 answer -
DOCTYPE и позиционирование
Здравствуйте. Может вопрос покажется очень странным, но без посторонней помощи разобраться не могу. Проблема в следующем. Есть пример позиционирования Слой 1 наверху <div style="position:relative; font-size:50px; z-index:2; color: navy">Слой 1</div> <div style="position:relative; top:-55; left:5; color:orange; font-size:70px; z-index:1">Слой 2</div> Слой 2 наверху <div style="position:relative; font-size:50px; z-index:3; color: navy">Слой 1</div> <div style="position:relative; top:-55; left:5; color:orange; font-size:70px; z-index:4">Слой 2</div> Проблема в том, что если присутствует тег DOCTYPE, то код не работает, ес…
0 votes2 answers -
Валидация
Проверил на валидность главную страницу своего проекта на http://validator.w3.org/check и там мне выдало 15 Errors, 2 warning(s) . required attribute "TYPE" not specified NET-enabling start-tag requires SHORTTAG YES что эти 2 ошибки значат?
0 votes3 answers -
Система пользовательского поиска Google
Поиск по сайту создан на отдельной странице сайта (при помощи тега iframe) Как убрать этот пустой разрыв в низу под результатами поиска, Это в Google Chrome. В Mozilla Firefox и Internet Explorer этого косяка нет. html, body { margin : 0; padding : 0; } body { font : 73% "Trebuchet MS", Arial, Helvetica, Tahoma, sans-serif; background : #f2f2f2 url(../i/bg.gif) repeat-y center top; } #container { width : 980px; margin : 0 auto; border : 10px solid #fff; line-height : 2em; background : #f2f2f2; color : #666; } #top { padding : 0; height : 100px; background : #8fb8cc url(../i/head.jpg) no-repeat; color : #484500; } #top h1 { padding : 5px 0 0 25px; margin : 0; font-size …
0 votes4 answers -
Не отображается флэшка в ИЕ7
Почему-то не отображается флэшка в ИЕ7, точнее в режиме совместимости и ИЕ-тестере. Вот тута _http://modx.15tr.ru/ Код: <!DOCTYPE html> <html> <head> <title>Главная - Двери</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <base href="[(site_url)]" /> <title>Двери</title> <script language="JavaScript"> // Это требуется только для обозревателей Netscape. function flashGetHref() { return location.href; } function flashPutHref(href) { location.href = href; } function flashGetTitle() { retur…
0 votes4 answers -
не известно почему вложенная картинка вылезает за слой
не известно почему вложенная картинка вылезает за слой. Сайт axcay.net На главной странице картинка в контексте при указании ей флоат:лефт не толкает собой внешний слой. <div class="block"> <img src="images/index/08.jpg" class="block_img" alt="вода Ахсу"/> <h1>О воде «Ахсау»</h1> <p>По заключению ФГУ «Пятигорского ГНИИК Росздрава» вода «Ахсау» относится к минеральным природным столовым водам сульфатно-гирокарбонатного натриевого-кальциевого состава и соответствует …
0 votes4 answers -
как сделать лайоут, что бы контентная область занимала все оставшееся пространство
Вот картинка с описанием того что нужно сделать. Есть фиксированные по высоте header и footer. Нужно растянуть контентную часть на все оставшееся пространство. Как сделать?
0 votes9 answers -
overflow: hidden для блока-контейнера
Всем привет! Для начала приведу цитату из Большой книги CSS: Свойство overflow:hidden - одно из странностей CSS. Оно принуждает контейнер расширяться и содержать плавающие элементы. Скажите, правильно ли я понял: Если у меня есть блок-контейнер, который в свою очередь содержит плавающие элементы, то у блока контейнера должно быть определено свойство oveflow: hidden? И ещё, очень прошу объяснить логику следующей разметки: <div class="thumbnails"> <div class="first overflow"> <div class="left"> <some code> </div> <div class="right"> <some code> </div> </div> <div cl…
0 votes4 answers -
помогите изменить сумму на буксе
вот сайт http://zarabotai.hut...ise.php?adv=dyn вот код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd"> <html xmlns="webmoney.attestation.label" CONTENT="description" content=""> <meta name="stylesheet" href="/css/main.css" type="stylesheet" href="/css/task.css" type="Javascript" type="javascript:StayFilter();'> <div id="center' class='0' cellspacing='0' border='0'> <tr> <td><a class='logo-summer' href='/index.php' title='Tolstosum - Всё для максимальной раскрутки!'></a></td> <td align='right' valign='bottom' nowrap='nowrap'></td> <td alig…
0 votes0 answers -
как сделать «full background горизонтальный слайдер»?
Не знаю как правильно назвать,подскажите пожалуйста, как можно сделать «full background горизонтальный слайдер» как на этом сайте http://www.waterevive.com/ ? только мне надо сделать только горизонтальный, переходы вверх-вниз мне не нужны, и на этой сайте используют Ascensor.js – там все меню прописывается в нем, и редактировать его у меня не получается, очень все запутанно, так как все параметры меню целиком прописаны в скриптах, нужен другой способ похожей «навигации»…
0 votes3 answers -
При помощи чего можно реализовать меню с изображения.
Добрый день! Есть меню, приведенное на изображении(часть макета PSD. Весь, к сожалению, не удалось пока заполучить). Возникли трудности с пониманием: как на чистом css, html реализовать его. А именно две трудности: как сделать левую часть меню с датами, с точками и вертикальной полосой ,и как при :focus выделить сразу два блока(как это показано на изображении)? Есть еще третий вопрос: при нажатии на пункт меню в соседнем блоке , где располагается основной контент, автоматически отображается информация касательно выбранного пункта(для более подробного и внятного объяснения-информация о человеке, его карьере за указанный промежуток времени). То есть, это не ссылка-якорь.…
0 votes4 answers -
Набор иконок, иконки для сайта
Всем привет! Подскажите пожалуйста новичку, что за иконки на этом сайте. Пытаюсь скопировать её через исходный код, но выдает вот такой фрагмент кода: .fa-search:before { content: "\f002"; } Скриншот картинки, прикрепил. Буду рад, если Вы мне поможете. Спасибо!
0 votes4 answers -
Вывод результатов в зависимости от данных поля
Здравствуйте! Прошу помощи в реализации такого простого механизма. Имеется список уникальных номеров карт и размер скидки по каждой карте. Необходимо на сайте WordPress сделать так, чтобы пользователь вводил в некое поле номер своей карты и видел рядом текущий размер скидки по его карте. Без выпадающих списков и монстров типа WooCommerce (сайт маленький), может каким html кодом или скриптом. Заранее спасибо за любую помощь.
0 votes2 answers -
Нужно спрятать текст
Всем привет, очень нужно спрятать текст с помощью хтмл. яваскрипт - неактуален. Просто чтобы его было не видно. Шрифт 0 сделать - тоже не катит. Какие есть ещё варианты? Слышал что-то про <div> но толком не понял.
0 votes1 answer -
что перспективнее движок на основе Visual Studio (*.aspx) или Joomla?
Здравстуйте уважаемые форумчане! Подскажите пожалуйста, что перспективнее движок на основе Visual Studio (*.aspx) или Joomla?
0 votes4 answers