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. Верстка header'a div-aми (резиновый дизайн)

    Люди помогите пожалуйста ... нужно сверстать div-ами хэдер для сайта (см. скриншот) идея такая: слева и справа на одном уровне две готовые картинки с шириной 365пкс и 364 пкс, а в центре (между ними) растягивающаяся картинка. Код прилагается. За ранее спасибо. ХТМЛ <!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" xml:lang="en" lang="ru"> <head> <meta name="robots" content="all" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <link rel="stylesheet" type="text/css" href="styles.css" /> <…

    Asked by tarkinsky,

    0 votes
    5 answers

  2. Что нужно учить, чтобы верстать макеты?

    Добрый день, мне всего 16 лет и будущее свое решил связать с веб-программированием. Уже сейчас хочу научиться верстке. А теперь вопросы: 1) Что нужно учить, где и в каком порядке? (Единственное, что знаю - это html 4) 2) Что конкретно из себя представляется верстка?

    Asked by tooq,

    0 votes
    4 answers

  3. div:hover и свойство color

    Всем привет. Есть стили: .filt-producer { width: 130px; margin-bottom: 5px; cursor: pointer; } .filt-producer :hover { color: #0088cc; } Есть html-код: <div class="filt-producer"><strong>Name1</strong></div> <div class="filt-producer">Name2</div> Проблема в том, что при наведении курсора на первый div, цвет текста в нем меняется, во втором div'е - нет. Если текст во втором диве обернуть в <strong>, то все ок. Как сделать так, чтобы цвет текста менялся независимо от того <strong> он или нет? Спасибо.

    Asked by soler,

    0 votes
    2 answers

  4. text-align: justify;

    грубо говоря ситуация такая <div style="text-align: justify; font-size:11px; width:250px;"> <p>Текста на 100 символов. Строк 10-11.</p> </div> Что и следовало ожидать текст выравнивается по левому и правому краям блока. Но расстояние между словами ужасное. Можно ли как-нибудь бороться с этим делом?

    Asked by penchukov,

    0 votes
    12 answers

  5. LightOpenId

    Здравствуйте! Почему если добавить доктайп, в начало страницы, то при нажатии на кнопку скрипт отказывается принимать GET запрос login? это относится ко всему, если добавить в начало страницы. вот оригинальный пример авторизации через google с библиотеки lightopenid <?php # Logging in with Google accounts requires setting special identity, so this example shows how to do it. require 'openid.php'; try { # Change 'localhost' to your domain name. $openid = new LightOpenID('admin.top-5ive.net'); if(!$openid->mode) { if(isset($_GET['login'])) { $openid->identity = 'https://www.google.com/accounts/o8/id'; header('Location: '…

    Asked by ArtDesire,

    0 votes
    5 answers

  6. Валидация javascript

    Привет всем! помогите исправить ошибки валидации javascript. Line 291, Column 51: delimiter "'" invalid: only S separators and TAGC allowed here 'src="http://muk.is-by.us/2501/counter.xhtml"></sc' + Line 291, Column 51: end tag for element "SC" which is not open 'src="http://muk.is-by.us/2501/counter.xhtml"></sc' + Вот сам пациент справочник-строителя

    Asked by vadimcucherencko,

    0 votes
    4 answers

  7. меню на css

    код ответсвенный за меню находиться в низу после коментраий Почему меню криво работает, и как это исправить?

    Asked by ferz721,

    0 votes
    3 answers

  8. глючит фон

    подскажите пожалуйста что делать див shapka почемуте неадекватно работает далее привожу код CSS .shapka { background: url('image/vse.jpg'); height:300px; } HTML <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="index.css"> <title>Договор</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head> <body> <div class="shapka"> </div> <div class="knopki"> <a href="index.html"><img src="image\dom.jpg" ></a> <a href="bet.html"><img src="image\bet.jpg" ></a> …

    Asked by voin545,

    0 votes
    2 answers

  9. Верстка книги

    Добрый день. Уже долго думаю, как сделать так, чтобы сверстать вот такой элемент сайта так, чтобы он был резиновым по высоте. Ну и соответственно текст внутри этой книги начинался сверху. Сама книга состоит из трех частей: верхней, средней (полоска высотой в несколько пикселей) и нижней. Подскажите пожалуйста, как это сделать. Заранее благодарю.

    Asked by Буллет,

    0 votes
    9 answers

  10. Position и текст

    Здесь! Текст залазит или подлазит под header, как сделать плавающим который будет размещаться сразу за хедером?

    Asked by ferz721,

    0 votes
    14 answers

  11. Неправильная кодировка.

    Привееееет!!! Я создал дерикторию в phpDesigner 7, в которой у меня лежит много файлов и папок. Запустил Denwer. Открываю файл в каком в phpDesigner потом запускаю его через Run. Если так запускать, у меня всё работает в IE, Mozilla, а в Opera нифига кодировка не отображается, но все скрипты работают. Почему так? P.S.Если меняю кодировку в phpDesigner 7 с Ansi на UTF-8, то происходит наоборот, в IE появляются "иероглифы", а в Opera всё нормально отображается. тег "<meta content="text/html; charset=utf-8" />" присутствует в файле. P.S. Можно как-нибудь обойтись без кодировки "windows-1251"? И как мне исправить вообще эту проблему? Да, и еще, в самом браузере опера я …

    Asked by big_time,

    0 votes
    13 answers

  12. Отзывы с премодерацией

    Для сайта гостиницы долго искал готовый скрипт для странички отзывов с премодерацией, но так как мало смыслю ещё в этих делах, мне всё, что я нашёл показалось "не тем" . Подскажите, как построить такую систему отзывов НЕ используя е-мейл?

    Asked by Good_Gosha,

    0 votes
    3 answers

  13. Hover на несколько элементов

    Начал недавно осваивать верстку, столкнулся со следующей проблемой. Есть следующий код: <div id="wrap"> <div id="f"> Один</div> <div id="s"> Два </div> <div id="t"> Три </div> </div> И Css к нему: #f { background-color: red; float:left; width:30%; } #s { background-color:yellow; float:left; width:30%; } #t { background-color: green; } #wrap:hover { background-color: teal; } Нужно чтобы при наведении на любой из дивов #f #s #t все три дива меняли бэкграунд на teal. Вышенаписанный код не работает. Как сделать? jquery и javascript использовать нельзя. Спасибо/

    Asked by DmitryG,

    0 votes
    2 answers

  14. Структура документа на HTML 5

    Здравствуйте! Подскажите, правильно ли я использовал новые теги HTML 5? Если нет, поправьте пожалуйста. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Страничка на HTML 5</title> </head> <body> <section> <header> <h1>Страничка на HTML 5</h1> <nav> <ul> <li><a href='#'>Пункт меню 1</a></li> <li><a href='#'>Пункт меню 2</a></li> <li><a href='#'>Пункт меню 3</a></li> …

    Asked by TIMA,

    0 votes
    7 answers

  15. Не работает background-size

    Уважаемые форумчане доброго времени суток. Подскажите как быть. Почему-то не в css не работает тег "background-size". Привожу код: html,body .vse { background: url(image/vse.jpg); background-size: cover; }

    Asked by voin545,

    0 votes
    2 answers

  16. fixed и float

    Подскажите как использовать вместе position fixed; и float: right; ? position игнорирует обтикание float. По разному уже пробывал но ничего не получается. вот html и css <style> #cart { float: right; background-color: #67E667; width: 0px; overflow:hidden; } .wrap_inner { border:1px solid; width:200px; } #fx {position: relative;} #btn { float: right; } </style> <div id="fx"> <div id="cart"> <div class="wrap_inner"> <div id="text2"> текст </div> </div> </div> <a id="btn" href="#">Корзина</a> </div>

    Asked by kuller,

    0 votes
    1 answer

  17. Помогите найти ошибку

    Помогите найти ошибку <html> <head> <script> function otkr(){ var svertmenu = document.getElementByid("svertmenu"); svertmenu.style.display = "block"; } function zakr(){ var svertmenu = document.getElementByid("svertmenu"); svertmenu.style.display = "none"; } </script> </head> <body> <a href="#" onmouseover="otkr()" onmouseout="zakr()">Меню</a> <div id="svertmenu" style="display: none;">Это меню</div> </body> </html>

    Asked by supernet95,

    0 votes
    8 answers

  18. CSS

    Объясните, пожалуйста, как верстать по картинке? Желательно разложить все по шагам. Заранее спасибо

    Asked by jon4eg,

    0 votes
    4 answers

  19. min-width и body

    Хм есть блочный макет сайта, в нём есть html, body и #all но вот проблема, при изменении масштаба просмотра в браузере, и появлении горизонтальной полосы прокрутки, их ширина не увеличевается больше 100%, хотя как показывает firebug правило min-width:100%; работает * { margin:0; padding:0; border:0; outline:0; font-size:100%; font-family:Arial; vertical-align:baselinebaseline; } p, html, body, #all { font-size:14px; font-family:Arial; line-height:1; } body, #all { height:100%; background:#fff; color:#000; min-width:100%; } вот CSS <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> </head> <body> <div id="all"> …

    Asked by strangerliquid,

    0 votes
    5 answers

  20. Как можно открыть нужную папку сайта в проводнике Windows?

    Здравствуйте. Нужно изменить разом разрешение группы фоток с помощью программы пакетной обработки. Думаю было бы удобно воспользоваться привычной программой, вот только как открыть нужную папку хостинга в проводнике Windows? Или так не следует поступать (редактировать удалённо)? P.S. Более подходящего раздела не нашёл.

    Asked by borus,

    0 votes
    6 answers

  21. Показ изображения и капча код.

    Всем добрый вечер. Помогите пожалуста, как зделать чтобы при нажатии на изображение оно отрывалось не в новой вкладке как в фейсбуке или в контакте? Второй вопрос, как вставить проверочный капча код при вводе сообщения как на этом сайте?

    Asked by Hypnoso,

    0 votes
    2 answers

  22. А можно ли

    можно ли с помощью html ну или js сделать так чтобы при наведении на блок его картинка проматывалась вниз но делалось это плавно.

    Asked by supernet95,

    0 votes
    1 answer

  23. Можно ли...

    Можноли, как то залить на сайт свой шрифт и употреблять его для текст

    Asked by supernet95,

    0 votes
    2 answers

  24. Carousel in Twitter Bootstrap

    Здравствуйте, использывал карусель от бутстрепа, нравилось то что можно было вставлять картинки большего формата и карусель автоматом уменьшала их. bootstrap 2.0.1: bootstrap 2.0.2: Не могу найти и за чего карусель увеличилась. Если знаете подобную карусель которая умеет уменьшать картинку подскажите пожалуйста. код страници где вставлена карусель: Changelog v 2.0.2 CSS файл версии 2.0.1

    Asked by ShootingStar,

    0 votes
    0 answers

  25. как запустить WMA поток в IE10

    Есть несколько аудио потоков в формате wma, в эксплореле никогда не было проблем с их проигрыванием через ActivX WMP Но в windows 8 IE10 по умолчанию загружается в метро режиме, где не работают флеш и другие плагины да, mp3 можно запускать тегом аудио, а как быть с остальными форматами? wma, списки m3u? Получается майкрософт отказывается от своих же форматов аудио?

    Asked by alex196,

    0 votes
    2 answers

  • Обсуждения

    • 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