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
-
.php Обернуть ключевое слово запроса в DIV
Адаптировал свою верстку под WP и по незнанию php не могу проставить правильно кавычки для кода html, чтобы ключевое слово поиска было обернуто в <div>. Прошу помощи) <?php printf( esc_html__( 'Search Results for: <div> %s </div>'), '<span>' . get_search_query() . '</span>' ); ?>
0 votes0 answers -
Сделать ссылку не из текста, а из кнопки
Как видно на фото, ссылка доступна только по тексту, а если нажать на саму кнопку-ничего не происходит. Помогите, пожалуйста, исправить это, код прилагается: <div id="connect" class="connect-header" bis_skin_checked="1"> <button type="button" style=" display: inline-block; background: #00aeff; color: white; width: 100%; height: 50px; border: 0; cursor: pointer; border-radius: 12px; margin-top: 5px; "><a href="http://aqua-pure.pp.ua/index.php?route=information/contact"><i class="material-icons" style=" color: white; ">call</i><span style=" color: white; ">Оставить заявку</span><…
0 votes5 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=iso-8859-1" /> <title></title> </head> <style> input { height: 33px; padding: 0; margin: 0; } </style> <body> <form><input type="text" name="login" value="login" /><input type="password" name="password" value="pass" /><input type="submit" value="login" /></form> </body> </html> Кнопка отображается в firefox выше чем поля login и password. …
0 votes1 answer -
Ссылки в теге li
Подскажите, плз, есть горизонтальное меню, созданное при помощие ul li ,и в нем не работают ссылки, отображаются как обычный текст (во всех браузерах кроме ИЕ,в ИЕ все норм). Пытался вынести код в отдельный файл - все работает,из-за чего такое вообще может происходить?
0 votes2 answers -
ссылка блок с вложенными элементами
есть такая конструкция <a href="" style="display:block; width:100%; backround:url('back.gif')"><img src="" style="float:left" /><img src="" style="float:right" /></a> доктайп XHTML 1.0 Transitional если ширина блока больше чем сумма длин картинок, то между картинками образуется пустое пространство с фоном. мне нужно чтоб весь блок был ссылкой, но в данной ситуации ссылками являются только картинки,а пространствно между ними нет! как сделать правильно?
0 votes2 answers -
Ширина ячеек
Здравствуйте, меня интересует как изменить ширину ячеек в пикселях, если ширина таблицы установлена в процентах: <table border="0" cellspacing="0" cellpadding="2" width="100%"> <tr> <td align="center" colspan="2"> <p>NAME</p> </td> </tr> <tr> <td rowspan="3" width="100"> <img border="0" src="img.jpg" width="100" height="100"> </td> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table> страница и при этом ширина ячеек делится как 50% Прошу помощи \\
0 votes2 answers -
Табличное меню
Добрый день. Собственно такой вопрос Макет меню предусматривает "табличный" вид меню (ниже на картинке). сайт мейкаю друпалом, код меню таков <?php if (isset($primary_links)) : ?> <?php print theme('links', $primary_links, array('class' => 'links primary-links')) ?> <?php endif; ?> заранее спасибо.
0 votes1 answer -
Как вы прописываете псевдоклассны для ссылок
Господа, день! Добрый! Появился такой логичный вопрос как вы в стилях прописываете псевдоклассы для ссылок, и прописываете ли их вообще ) То есть всем известно что можно писать так a:link {color:#FF0000} /* unvisited link */ a:visited {color:#00FF00} /* visited link */ a:hover {color:#FF00FF} /* mouse over link */ a:active {color:#0000FF} /* selected link */ а можно ли писать просто: a {color:#FF0000} без псевдоклассов ? Интересует конечно аспект семантичности и кроссбраузерности последнего примера :-) PS: при условии что никаких действий по наводу клику и прочее не происходит, ТО есть для всех 4-х состояний они абсолютно одинакоые :-) Заранее спасибо за профессиональ…
0 votes6 answers -
очередная проблема с футером=)
Вот пробую сверстать сайт дивами. Футер прижать к низу удалось, пользовался вот этим способом. Пример моего сайта можете посмотреть здесь, так же приведу примеры html и css. Сама проблема заключается в следующем: не тянется блок с белым бэкграундом (#main), в котором и находится весь контент, т.е. нужно убрать пробел между контентом и футером. буду благодарен за помощь=)
0 votes5 answers -
как сделать google maps карту позади блока?
В общем, надо сделать ,чтобы над картой при нажатии на кнопку открывался блок div. Но он всегда открывается позади карты, даже делая я-index этого блока равным 15000 , я не смог сделать то что мне нужно. Хотя на некоторых сайтах с картой гугла я видел открывающиеся над картой блоки . В общем, как это сделать, чтобы блок открывался поверх карты?
0 votes3 answers -
Как передать класс другой картинке при переходе на другую страницу ?
Простой вопрос. Есть меню, класс active стоит на картинке которая отвечает за главную, при переходе на другие страницы выделенной так и остается главная. Как средствами css передать класс active той картинке, которая соответсвует странице ?
0 votes9 answers -
можно ли повлиять на скорость :hover
можно ли повлиять на скорость :hover , например скорость выполнения 3секунды. возможно JS или Jquery?
0 votes8 answers -
Помогите советом по верстке!
Добрый день! Через три недели защита диплома по фирменному стилю, один из разделов - верстка сайта собственного дизайна. Дизайн-то сделала, но как реализовать некоторые моменты - способностей не хватает. Подскажите, пожалуйста. Нужно, чтобы было вот так. Картинка(-и) "вылетают" за границы блока. Как такое сделать?
0 votes3 answers -
SVG многоугольник
Читаю книгу и в ней есть код <svg width="300px" height="360px"> <polygon points="20,10 200,20 180,90 120,150 50,100" fill="#00FFFF" stroke="blue" stroke-width="5" /></svg>http://jsfiddle.net/vad7wgz9/ Но в ней не написано, как вычислять эти цифры. Как вычислять? Наугад писать? Я так понял то что 20,10 20 это x, а 10 это y? или как? 20,10 200,20 180,90 120,150 50,100 это наверно сокращённая запись?
0 votes10 answers -
Hover
Подскажите пожалуйста, есть меню: т.е ссылка + слева иконка я сделал это так: .menu li.faq{ background: url(../img/faq.png) no-repeat 20px center;}.menu li.news{ background: url(../img/news.png) no-repeat 20px center;}Но, при наведении должен меняться цвет + добавляется еше 1 иконка вот так: .menu li a:hover { background: #d9d9d9 url(../img/menu-active.png) no-repeat 90% 50%;}сделал я это вот так и в итоге у меня иконка слева пропадает при наведении, как исправить можно?
0 votes11 answers -
Привязка картинки к слову
Доброго времени суток, ув. программисты! Вобщем, такая ситуация, необходимо привязать стрелочку к слову, т.е. сделать так, что бы стрелочка ходила за словом. Стрелочка - это картинка. Пытался это сделать через позиционирование, однако, ничего не вышло. МБ кто-нибудь подскажет какие-нить идеи?
0 votes4 answers -
Подскажите, что тормозит на странице?
Добрый день всем! С праздником Рождества Христова! Всем здоровья и счастья! Подскажите, не могу понять, что тормозит появлению картинок на странице КУПИТЬ, а также карусель на главной странице?? Спасибо!
0 votes5 answers -
Анимация картинки при открытии сайта
Как сделалать так, чтоб при открытии сайта всплывала картинка с маленького до большого размера? Как на этом сайте https://kirkorov.ru/
0 votes1 answer -
валидность
использую для проверки локальных файлов "cse html validator lite" и когда вставляю в страницу какие то спец символы,например знак копирайта(как ©)-пишет что ошибка и ошибка именно что амперсанд использую.Почему так,как это исправить?
0 votes4 answers -
Форма отправки на проверку в css-validator
Это форма отправки на проверку в http://jigsaw.w3.org/css-validator/ из Notepad++ <form action="http://jigsaw.w3.org/css-validator/valid..." method="put"> <textarea name="text" rows="12" cols="75">%s</textarea> <input type="submit" value="Check" /> </form> Как сделать что бы отправка была автоматом при загрузке страницы. Без нажатия кнопки "Check"!
0 votes5 answers -
Отображение <li> в зависимости от наличия в нем вложенного <ul>
Нужно, чтобы у тех li, которые содержат вложенные ul, при условии :hover были свои стили CSS, отличные от тех li, которые не содержат вложенных ul. Можно ли это сделать средствами CSS? Если нет, подскажите, как это делается Яваскриптом. Просто для этих li при наведении фон нужен другой.
0 votes13 answers -
border-bottom и padding
Всем привет! Сегодня столкнулся с проблемой небольшой, а именно отображение border-bottom. На прикрепленной картинке видно, что линия идет ЗА пунктами меню, а не под ними. В чем может быть дело? (если убрать padding 3px 10px у ссылок), то всё хорошо.. но мне нужно с padding. Интересно, что в IE8 бордюр отображается ровно под меню, а в хроме все время позади.. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="css/main.css" rel="stylesheet" type="text/css" /> <t…
0 votes3 answers -
Проблемы с адаптивными изображениями
Друзья не могу разобраться, есть 3 изображения сменяющихся при разных медиа-кверис, изображения бэкграундом, при смене получаю неприятное мерцание белого фона при этом изображения совсем уже порезал все три в общей сложности примерно 100кб, как этого можно избежать ? По PageSpeed набираю 91 балл, причем знаю как сотку набрать но это не уберет мерцания (:
0 votes8 answers -
Помогите прижать желтый <div class="content"> к низу страницы
Высота <div class="content"> не определена. Шапка и меню фиксированные. При малом контенте, нужно чтобы желтый див был прижат к низу. При большом объеме появлялся вертикальный скролл. Мой код: http://jsfiddle.net/jb3tvcgL/2/
0 votes7 answers -
Изменение баннера при рефреше страницы
Можете подсказать можно ли реализовать следующие фичи посредством HTML (XHTML, PHP, JS), а если можно, то как именно (без фреймов)? 1. - Нужно, чтобы при рефреше страницы менялся основной баннер. 2. - При нажатии на определенный линк менялся основной баннер на определенную картинку только после нажатия на определенный линк (к примеру - 10 линков - 10 определенных картинок для основного баннера). 3. - При загрузке линки показывался определенный сплэш. Заранее спаибо за помощь
0 votes1 answer