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

29,542 questions in this forum

  1. Ссылки

    Здравствуйте! Как сделать так, чтобы в адресной строке не было расширения файла .html ? Пример: http://vk.com/im http://htmlbook.ru/html

    Asked by dmsirotenko,

    0 votes
    5 answers

  2. Смена фона кнопки при клики

    Ребят не получается сделать смену фона кнопки, точнее на кнопки у меня картинка, при клике на нее она должна меняться на другую и оставаться в таком состоянии. Подскажите мне как это сделать!!!!

    Asked by prettyremage,

    0 votes
    4 answers

  3. смена фона страницы по наведению на ссылку

    Товарищи, нужна помощь! Не подскажите как при наведении на ссылку, в данном случае на кнопку меню менялся фон страницы? код прилагается : <html > <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" type="text/css" href="css/reset.css" media="screen" /> <link rel="stylesheet" type="text/css" href="css/style.css" media="screen" /> <style type="text/css"> #container { width:960px; margin-left: auto; margin-right: auto; padding: 0; } .clear { clear: both; margin: 0; padding: 0; } p { margin: 1.6em 0; line-height: 1.6em; } h2 { font-size: 20px; line-height: 20px; margin: 22px 0 18px 0; }…

    Asked by nick1403,

    0 votes
    4 answers

  4. С помощью чего добиваются того, что страница не обновляется?

    То есть при переключении скажем по ссылке контент меняется, но не видно обновления страницы. Если страница была прокручена чуть вниз - страница не начинается с самой вершины, а остается на том же месте. Очень интересно, что для этого используется.

    Asked by GuitarFan,

    0 votes
    1 answer

  5. Не понятная проблема с CSS

    Не пойму на все поля работает CSS, а одно поле почему то было не охвачено, проверил вроде всё идентично, помогите? <div class="focus-example cont1" style="text-align: center;"> <input id="liqpay-pay-1" class="liqpay-pay-1" readonly="readonly" value="10" size="3" original-title="Введите сумму"> <span class="letter">UAH - ₴</span> <input type="hidden" value="" name="operation_xml"> <input type="hidden" value="HRu+rVD+RN9RTDC1R3nN7t+lS2w=" name="signature"> </div> <div class="focus-example cont1" style="text-align: center;"> <input id="rupay-pay-1" class="rupay-pay-1" type="text" value="10" size="3" name="recipientAmou…

    Asked by lev99,

    0 votes
    2 answers

  6. два div relative + центрование второго div внутри первого

    Как отцентровать wrapper внутри container 1) по горизонтали и вертикали ? 2) по горизонтали ? 3) по вертикали ? <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Html</title> <body> <style> * { margin:0; padding:0; } html,body { background: none; height: 100%; width: 100%; } .container { display: block; position: relative; height: 10…

    Asked by rtl_one,

    0 votes
    1 answer

  7. Ищу веб-мастера в наставники

    Доброго времени суток! Я представляю собой сопливого новичка в верстке. Тем не менее пытаюсь уделять этому интересному занятию достаточно времени. Имею базовые знания HTML, CSS. Ищу себе в наставники опытного веб-мастера, который бы указал мне путь к свету. Иначе говоря, подсказал что почитать, давал задания, проверял задания, а также, самое главное, наставлял мудрым советом.

    Asked by Jar,

    0 votes
    26 answers

  8. Css - изменение стиля 1-й буквы при наведении мышью

    Здравствуйте, я почти не разбираюсь в CSS, поэтому столкнулся с такой проблемой: "Нужно изменять стиль 1-й буквы при наведение мышью на слово (ссылку)", вот код к которому следует применить класс: <ul class="css-menu-2"> <li><a href="/index.php"><span class="ClassForMenu">Г</span>лавная</a></li> ... Вот сам класс: a.ClassForMenu:hover { color: orange; font-weight:bold; } Когда делаю так, ничего не происходит при наведении мышью, а когда убиваю ":hover" то буква применяет стиль (независимо от того, навели ли на нее курсором или нет). Подскажите что я не так делаю, заранее благодарю за помощь!

    Asked by Mike_tm,

    0 votes
    12 answers

  9. Макет в несколько столбцов с содержимым разной высоты

    Здравствуйте! Такая проблема: Из базы данных приходит список новостей. Каждая новость — это картинка, заголовок и поясняющий текст. Все новости помещаются в несколько колонок (от 1 до 3 в зависимости от ширины окна). Все новости одинаковой ширины но разной длинны. Нужно сверстать примерно такой макет: При этом нужно сохранить порядок новостей. И вот не могу придумать, как такое сделать... Очень хочется без js. Используется django, шаблонизатор родной. Если все-таки JS — к сайту прикручен JQuery.

    Asked by Zelta,

    0 votes
    2 answers

  10. имя файла картинки в css с цифрами в конце

    Разбираюсь в чужом коде и встретил такое описание стиля подскажите, кто знает, что означают цифры после имени файла? такая конструкция вообще работает? body #a-blank-slate.a-facebook div { background: url(/images/blank-facebook.png?1331362482) 20px 40px no-repeat; }

    Asked by vardmev,

    0 votes
    5 answers

  11. градиент в canvas

    подскажите пожалуйста почему здесь не действует градиент

    Asked by cyklop77,

    0 votes
    2 answers

  12. Сдвинуть прокрутку вправо

    http://impuls-forum.ru/ В модуле "Наши партнеры" - при нажатии на левую стрелку - изображения наезжают на нее. Как это исправить?

    Asked by Imperil,

    0 votes
    2 answers

  13. Двойной выпадающий список

    Никак не могу сделать выпадающий список типа Болезни > А > Артрит. Простой выпадающий список не проблема, а чтобы из него еще один выпадал не выходит. http://test.parkes.org.ua/. Помогите пожалуйста.

    Asked by apexis,

    0 votes
    1 answer

  14. cвойство filter не проходит валидатор

    добавляю градиент для ie с помощью свойства filter: progid:DXImageTransform.Microsoft.gradient и теперь css не проходит валидацию.что делать? оставлять css не валидным?

    Asked by eleonore,

    0 votes
    9 answers

  15. Валидатор форм

    В интернете есть много разных скриптов, которые помогают с моментальной валидацией формы, однако все они громоздкие, стрёмные и, на первый взгляд, сложны в использовании. Кто-нибудь может посоветовать какой-нить классный валидатор форм? Что бы он мог выводить сообщение о неправильности определённого поля ещё до нажатия кнопки сабмит. Мне понравился вот такой пример http://livedemo00.template-help.com/wt_44972/index-5.html Спасибо заранее

    Asked by Alarr,

    0 votes
    1 answer

  16. Перенаправить с домена на другой.

    Следом вытекающий вопрос по домену.рф. Какие есть методы перенаправить с домена.рф на домен.ru? Если не сложно, ссылочки на конкретные статьи, пожалуйста.

    Asked by Тишина,

    0 votes
    1 answer

  17. Закрепить логотип на сайте!

    Добрый день всем! Вот на сайте http://www.netdreams.co.uk/ при уменьшении окна браузера логотип не куда не скатывается, остаётся на своём же месте. Проще говоря он прикреплен^^ У меня же при изменении чего либо, он двигается в месте с этими-же изменениями а должен прилепиться в указанном месте=)) Вот мой код: <style> .logo_img { float: left; position: absolute; margin-left: 130px; margin-top: 14px; } </style><div class="logo_img"> <img src="{THEME}/images/logo.png" alt="Логотип сайта Warcraft 3 Cheats"> </div> Подскажите что исправить нужно, чтоб логотип прикрепился в указанном месте.

    Asked by Dallas,

    0 votes
    7 answers

  18. Шрифты

    Здравствуйте. Объясните мне как новичку или дайте ссылки, какие стили шрифтов нужно использовать при вёрстке сайта) Где нужно использовать обычный, а где подчеркнутый. Или где курсив, а где нужно жирный. Какой нужно использовать в меню и т.д. Я новичок в этом. Уже гуглил, противоречивые ответы находил. Помогите мне зелёному))

    Asked by Risamey,

    0 votes
    12 answers

  19. Не могу подключить css-документ к html

    Привет всем. Такая проблемка - не могу подключить сss-документ к html. Раньше подключал, сейчас не в какую. <link type="text/css" rel="stylesheet" href="netcat_template/template/103/css/style.css"> строка из html index.html лежит в qb-interactive. в этой папке есть netoat_template и так далее - template/103/css/style.css чего оно не подключает? т.е. я попробовал запустить через дримвивер. то там видит. что эти документы связаны. но когда я что-то задаю в css в html оно не выполняется

    Asked by Shader,

    0 votes
    2 answers

  20. Селектор атрибутов и псведокласс :hover

    Как сделать, чтобы при наводке курсора на белый треугольник открывалось зелёное подменю при условии, что белый треугольник подгружается из такой вот конструкции: a[href^="##"]:before { display: inline-block; width: 12px; height: 6px; margin-right: 0.5em; content: ""; background: url(../img/bullet.png); } /*———————-- Выводим подменю ————————*/ .header span { font-family:Verdana; font-size:10px; color:rgb(96,96,96); padding-top:46px; padding-left:797px; text-align:left; display:block; position:relative; } .header span span { display:none; position:absolute; } .header span:hover span { display:block; font:10px Verdana; color:#EBECF7; margin:0px;…

    Asked by Delat,

    0 votes
    8 answers

  21. Добавление тега <p>

    Здравствуйте. Кто знает, почему когда я добавляю тег <p> к Текст, то появляется отступ между <header> и .content, а также межу .content и <footer>?? Вот мой код: <!DOCTYPE html> <head> <meta charset="utf-8"> <title>Подсказка</title> <link rel="stylesheet" type="text/css" href="style.css"> <!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <header> HTML 5 </header> <div class="content"> Текст, к которому добавляю <p> </div> <footer> © 2013 Макс </footer> </body> …

    Asked by GstarMax,

    0 votes
    9 answers

  22. Не отображаются картинки

    Здравствуйте! Начал верстать макет, сделал фон с картинкой, а он не отображается в браузере. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows1251" /> <link rel="stylesheet" type="text/css" href="css/main.css"> <title>Мультики</title> </head> <body> </body> </html> * { outline: none; margin: 0; padding: 0; } body { background: #6AD5F9 url("../img/main_bg.png") repeat 100%; } Есть папка с макетом, в ней папки css и img. Проверял пути и все равно не от…

    Asked by Guest,

    0 votes
    30 answers

  23. Квадратики вместо русских букв

    Код страницы: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="keywords"/> <title></title> <link href="css/styles.css" type="text/css" rel="stylesheet"/> </head> <body> <div style="font:20px Tahoma normal; color:#00008B; line-height:1; width: 1400px; height; 50px; text-align: center;"> <form action="action.php" method="POST" name="form1" enctype="multipart/form-data"> <legend> Пожалуйста, заполните форму:</legend> <div style="font:2…

    Asked by epog333,

    0 votes
    0 answers

  24. Карусель в div

    Ребята подскажите пожалуйста. Есть див контент со своим набором стилей в том числе опасити 0.5, в него грузится .load карусель, и принимает стили этого контейнера, помогите исправить http://kseniarain.ru/about.html# раздел личные фото спасибо

    Asked by mistadrumma,

    0 votes
    3 answers

  25. верстка для компьютера и планшета

    Здравствуйте, уважаемые форумчане. В процессе верстки пвстал следующий вопрос. Делается сайт, верстка div`ами и отчасти табличная. На компьютере все нормально, а вот при проверке на планшете размеры блоков не совпадают, все идет наперекосяк. Допустим, блок у меня в CSS-файле имеет параметр width: 800px. На ноутбуке текст укладывается в одну строку, как и нужно, а на планшете переходит на следующую строчку. Понятно, что размеры экранов и разрешение разнятся, но как с этим бороться? То же самое касается и размера шрифта. Есть некая надпись, под ней кнопки с текстом. font size="4" выдает совсем разную ширину на ноуте и планшете, на последнем текст вылезает за пределы кнопок.…

    Asked by Dremir,

    0 votes
    1 answer

  • Обсуждения

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

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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