Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. .php Обернуть ключевое слово запроса в DIV

    Адаптировал свою верстку под WP и по незнанию php не могу проставить правильно кавычки для кода html, чтобы ключевое слово поиска было обернуто в <div>. Прошу помощи) <?php printf( esc_html__( 'Search Results for: <div> %s </div>'), '<span>' . get_search_query() . '</span>' ); ?>

    Asked by Ilyas_polo,

    0 votes
    0 answers

  2. Сделать ссылку не из текста, а из кнопки

    Как видно на фото, ссылка доступна только по тексту, а если нажать на саму кнопку-ничего не происходит. Помогите, пожалуйста, исправить это, код прилагается: <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>&lt…

    Asked by GreenAurora,

    0 votes
    5 answers

  3. кнопка отображается выше других элементов

    <!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. …

    Asked by KitL,

    0 votes
    1 answer

  4. Ссылки в теге li

    Подскажите, плз, есть горизонтальное меню, созданное при помощие ul li ,и в нем не работают ссылки, отображаются как обычный текст (во всех браузерах кроме ИЕ,в ИЕ все норм). Пытался вынести код в отдельный файл - все работает,из-за чего такое вообще может происходить?

    Asked by Микель,

    0 votes
    2 answers

  5. ссылка блок с вложенными элементами

    есть такая конструкция <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 если ширина блока больше чем сумма длин картинок, то между картинками образуется пустое пространство с фоном. мне нужно чтоб весь блок был ссылкой, но в данной ситуации ссылками являются только картинки,а пространствно между ними нет! как сделать правильно?

    Asked by pirrat,

    0 votes
    2 answers

  6. Ширина ячеек

    Здравствуйте, меня интересует как изменить ширину ячеек в пикселях, если ширина таблицы установлена в процентах: <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% Прошу помощи \\

    Asked by Tairon,

    0 votes
    2 answers

  7. Табличное меню

    Добрый день. Собственно такой вопрос Макет меню предусматривает "табличный" вид меню (ниже на картинке). сайт мейкаю друпалом, код меню таков <?php if (isset($primary_links)) : ?> <?php print theme('links', $primary_links, array('class' => 'links primary-links')) ?> <?php endif; ?> заранее спасибо.

    Asked by dnepr,

    0 votes
    1 answer

  8. Как вы прописываете псевдоклассны для ссылок

    Господа, день! Добрый! Появился такой логичный вопрос как вы в стилях прописываете псевдоклассы для ссылок, и прописываете ли их вообще ) То есть всем известно что можно писать так 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-х состояний они абсолютно одинакоые :-) Заранее спасибо за профессиональ…

    Asked by TonKhaO,

    0 votes
    6 answers

  9. очередная проблема с футером=)

    Вот пробую сверстать сайт дивами. Футер прижать к низу удалось, пользовался вот этим способом. Пример моего сайта можете посмотреть здесь, так же приведу примеры html и css. Сама проблема заключается в следующем: не тянется блок с белым бэкграундом (#main), в котором и находится весь контент, т.е. нужно убрать пробел между контентом и футером. буду благодарен за помощь=)

    Asked by RomanShmatov,

    0 votes
    5 answers

  10. как сделать google maps карту позади блока?

    В общем, надо сделать ,чтобы над картой при нажатии на кнопку открывался блок div. Но он всегда открывается позади карты, даже делая я-index этого блока равным 15000 , я не смог сделать то что мне нужно. Хотя на некоторых сайтах с картой гугла я видел открывающиеся над картой блоки . В общем, как это сделать, чтобы блок открывался поверх карты?

    Asked by челХ,

    0 votes
    3 answers

  11. Как передать класс другой картинке при переходе на другую страницу ?

    Простой вопрос. Есть меню, класс active стоит на картинке которая отвечает за главную, при переходе на другие страницы выделенной так и остается главная. Как средствами css передать класс active той картинке, которая соответсвует странице ?

    Asked by kpripper,

    0 votes
    9 answers

  12. можно ли повлиять на скорость :hover

    можно ли повлиять на скорость :hover , например скорость выполнения 3секунды. возможно JS или Jquery?

    Asked by olechic,

    0 votes
    8 answers

  13. Помогите советом по верстке!

    Добрый день! Через три недели защита диплома по фирменному стилю, один из разделов - верстка сайта собственного дизайна. Дизайн-то сделала, но как реализовать некоторые моменты - способностей не хватает. Подскажите, пожалуйста. Нужно, чтобы было вот так. Картинка(-и) "вылетают" за границы блока. Как такое сделать?

    Asked by ViViV,

    0 votes
    3 answers

  14. 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 это наверно сокращённая запись?

    Asked by DivMan,

    0 votes
    10 answers

  15. 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%;}сделал я это вот так и в итоге у меня иконка слева пропадает при наведении, как исправить можно?

    Asked by cruel09,

    0 votes
    11 answers

  16. Привязка картинки к слову

    Доброго времени суток, ув. программисты! Вобщем, такая ситуация, необходимо привязать стрелочку к слову, т.е. сделать так, что бы стрелочка ходила за словом. Стрелочка - это картинка. Пытался это сделать через позиционирование, однако, ничего не вышло. МБ кто-нибудь подскажет какие-нить идеи?

    Asked by Mysik_Developer,

    0 votes
    4 answers

  17. Подскажите, что тормозит на странице?

    Добрый день всем! С праздником Рождества Христова! Всем здоровья и счастья! Подскажите, не могу понять, что тормозит появлению картинок на странице КУПИТЬ, а также карусель на главной странице?? Спасибо!

    Asked by Vic-Tor,

    0 votes
    5 answers

  18. Анимация картинки при открытии сайта

    Как сделалать так, чтоб при открытии сайта всплывала картинка с маленького до большого размера? Как на этом сайте https://kirkorov.ru/

    Asked by llipam,

    0 votes
    1 answer

  19. валидность

    использую для проверки локальных файлов "cse html validator lite" и когда вставляю в страницу какие то спец символы,например знак копирайта(как ©)-пишет что ошибка и ошибка именно что амперсанд использую.Почему так,как это исправить?

    Asked by leos613,

    0 votes
    4 answers

  20. Форма отправки на проверку в 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"!

    Asked by andrecool,

    0 votes
    5 answers

  21. Отображение <li> в зависимости от наличия в нем вложенного <ul>

    Нужно, чтобы у тех li, которые содержат вложенные ul, при условии :hover были свои стили CSS, отличные от тех li, которые не содержат вложенных ul. Можно ли это сделать средствами CSS? Если нет, подскажите, как это делается Яваскриптом. Просто для этих li при наведении фон нужен другой.

    Asked by Squidward,

    0 votes
    13 answers

  22. 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…

    Asked by korjik,

    0 votes
    3 answers

  23. Проблемы с адаптивными изображениями

    Друзья не могу разобраться, есть 3 изображения сменяющихся при разных медиа-кверис, изображения бэкграундом, при смене получаю неприятное мерцание белого фона при этом изображения совсем уже порезал все три в общей сложности примерно 100кб, как этого можно избежать ? По PageSpeed набираю 91 балл, причем знаю как сотку набрать но это не уберет мерцания (:

    Asked by Sergik+,

    0 votes
    8 answers

  24. Помогите прижать желтый <div class="content"> к низу страницы

    Высота <div class="content"> не определена. Шапка и меню фиксированные. При малом контенте, нужно чтобы желтый див был прижат к низу. При большом объеме появлялся вертикальный скролл. Мой код: http://jsfiddle.net/jb3tvcgL/2/

    Asked by Anymaxis,

    0 votes
    7 answers

  25. Изменение баннера при рефреше страницы

    Можете подсказать можно ли реализовать следующие фичи посредством HTML (XHTML, PHP, JS), а если можно, то как именно (без фреймов)? 1. - Нужно, чтобы при рефреше страницы менялся основной баннер. 2. - При нажатии на определенный линк менялся основной баннер на определенную картинку только после нажатия на определенный линк (к примеру - 10 линков - 10 определенных картинок для основного баннера). 3. - При загрузке линки показывался определенный сплэш. Заранее спаибо за помощь

    Asked by DImaN,

    0 votes
    1 answer
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept