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. checked для не-input'ов

    Потребовалось мне применить свойство checked к элементу, не являющемуся input'ом. С налёту (просто взять и прописать) не работает, да и не особо надеялся. А как это технически возможно сделать?

    Asked by Mouse-art,

    0 votes
    7 answers

  2. Помогите убрать отступы у сайта справа и слева

    Никак не могу найти где эти отступы задаются, т.к и у тега html и * и у body поставил маргин и паддинг=0 но отступ все равно остался. Тестовый сайт http://rlfur.ru/ для того чтобы увидеть отступы сузьте монитор до 990 и увидите скрол, хотя у сайта задана ширина как раз 990 http://prntscr.com/31eknu. На айпадах также видно http://prntscr.com/31ek3d, что сайт справа не прижат к краю справа, чего быть не должно как бы.

    Asked by yury,

    0 votes
    3 answers

  3. Вертикальное выравнивание в блоке

    Как можно вертикально центрировать текст в блоке, vertical-align не совсем работает. Желательно кроссбраузерное решение. Вот пример http://jsfiddle.net/DDNWU/ * во втором блоке БР необходим, что бы разбить надпись на две строки.

    Asked by alleclf,

    0 votes
    3 answers

  4. Верстка

    Здравствуйте. Скажите, пожалуйста, как убрать прастранство между footer и content? @charset "windows-1251";/* CSS Document */body { margin: 0px; padding: 0px; width: 100%; background: #00dbfb; font: bold 16px/30px Arial, Helvetica, sans-serif; color: #578eb8;}.p { line-height: 1.5; margin: 0px; padding: 7px 30px;}.pre { margin-left: 350px; font: 16px/20px bold Arial, Helvetica, sans-serif;}.leftimg { float: left; margin: 10px;}p { margin: 0px; padding: 0px;}h1 { color: #FFFFFF; margin: 0px; padding: 100px 0px 0px 30px; font-family: Verdana, Arial, Helvetica, sans-serif;}h2 { margin: 0px; padding: 15px; text-align: center;}#links { float: left; position: absolute;}#nav, …

    Asked by zolga7,

    0 votes
    6 answers

  5. Своя страница ошибки 404 для Ucoz

    Здравствуйте, подскажите пожалуйста, вот создал сайт в системе Ucoz но не с помощью ихнего конструктора, а свой статичный. Хотелось бы подкрепить к сайту ошибку 404, но попробовав создать саму страницу с таким простеньким кодом: <!DOCTYPE html> <html> <head> <title>Страница не найдена</title> <meta charset="utf-8"> </head> <body> Ошибка Петя! </body> </html> поместив её в корень сайта назвав 404.html и затем там же в корне сайта создал файл .htaccess внутри прописал ErrorDocument 404 /404.html но что то не работает, возможно я чего то не учел. Подскажите пожалуйста решение к данной проблеме.

    Asked by КСС,

    0 votes
    2 answers

  6. Помогите с меню, разделители

    Имеется меню CSS, есть разделители вертикальные, но они никак не хотят отображаться как надо.

    Asked by tart,

    0 votes
    3 answers

  7. div друг под другом со 100% высотой

    Здравствуйте. Как сделать, чтобы шли несколько div друг за другом, каждый растянутый на 100% высоты экрана (окна браузера)? на чистом css как-то не получилось, javascript работает только после загрузки документа, когда построена dom модель, а это не подходит, так как если инет медленный, и пока не прогрузилось - div накладываются друг на друга и получается ерунда...

    Asked by ShutTap,

    0 votes
    2 answers

  8. Подскажите как сделать защиту сайта от копирования

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

    Asked by igornagorny89,

    0 votes
    14 answers

  9. Как сверстать данный макет

    Уважаемые форумчане, Как сверстать вот такой фон http://prntscr.com/31az6n http://prntscr.com/31b0ce - обвела проблемное место. Вот сам макет http://prntscr.com/31b0z9 Дизайн фиксированный.

    Asked by Anna Zharova,

    0 votes
    4 answers

  10. Фон

    Имеется картинка с размером: 1912 на 545. В середине 1000px занимает сайт (просто прозрачный фон на картинке), а остальные 912px это фон (бока от середины). Как мне эти бока прижать к сайту? Картинку могу разбить на 2 части если нужно. Как сделано сейчас background-image: url('../img/bg_bod.png');background-repeat: no-repeat;background-position: center top;Почему не верно? Появляется нижний, горизонтальный скролинг до конца фона картинки... Можно конечно: overflow-x:hidden, но не хочется этого делать Верстка выполнена div. Как убрать скролл?

    Asked by SLameN,

    0 votes
    12 answers

  11. Обход дерева без "внуков"

    Есть страница с такой структурой <div id="Start"> | +—-<div> | +——- произвольное количество тегов, в том числе <div> | +——- произвольное количество тегов, в том числе <div> | +—-<DIV> Нужный тег Нужно получить объект <DIV>, помеченный красным цветом. Через GetElementById("Start").GetElementsByTag("DIV") не получается, т. к. из-за произвольного количества тегов в предыдущем теге <div>, номер нужного тега всегда разный. Но он всегда второй относительно тега <div id="Start">. Как программно получить ссылку на этот объект? p.s. Программа на VBA, внешние библиотеки подключать нельзя.

    Asked by Evgen111,

    0 votes
    4 answers

  12. Непонятное позиционирование элемента в Firefox

    Элемент span выходит за предел правой границы родительского a при том что задано right:0. Ситауцию наблюдаю в Firefox 27. В Chrome 33, Opera 20, Safari 5.1.7 отображается правильно. Баг Firefox или я чего-то не понимаю? http://cssdeck.com/labs/jgs1sts0

    Asked by Johnney,

    0 votes
    4 answers

  13. Формы

    Вот код формы : http://jsfiddle.net/hristofor/Z24K2/ Такой вопрос. Почему слово jah не распологается после радио кнопки(как мне нужно), а смещается наверх формы?

    Asked by hristofor,

    0 votes
    2 answers

  14. Использование IE7.js. Нужно ли использовать?

    Здравствуйте! Разбирала чужой код и наткнулась на такой код: <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE7.js"></script> <![endif]--> Прочитала для чего он нужен: IE7.js - это библиотека JavaScript, которая делает Microsoft Internet Explorer похожим на браузер, поддерживающий стандарты. В ней имеются заплатки для многих пунктов из HTML и CSS, а также изображения с прозрачностью в формате PNG начинают работать правильно в IE5 и IE6. Мой вопрос: стоит ли им пользоваться, насколько он действительно полезен, какие есть минусы?

    Asked by Светлана Г.,

    0 votes
    3 answers

  15. Как прижать футер к подвалу

    Всем сдрасте, есть такая проблема. Вот сайт http://magdome.ru/ внизу у него есть футер, который начинаешь подымать отрывается от пола, подскажите как решить данную проблему, что бы поднять футер выше, но что бы он остался прижатым к низу? заранее спс.

    Asked by fetfurmoz,

    0 votes
    1 answer

  16. проблема с меню

    Добрый день. Не могу понять как сделать красный фон длиннее влево, чем его белая граница сверху и снизу, причем при новедении курсора на меню красный фон меняется Вот картинка: <ul class="menu_right_ul"> <li><a href="#">ПРО РОЛЛЕДРОМ</a></li></ul>.right .menu_right_ul li{ list-style:none; background:#fff; padding:1px 0; }.right a{ text-decoration: none; display:block; padding:7px 0 7px 7px; color:#fff; font-size: 14px; background:#db1f24;}У меня с эти кодом только вот так получилось: Подскажите, как сделать как в первой картинке?

    Asked by Nailya,

    0 votes
    3 answers

  17. div 2 колонки корневой не раздвигает див

    Проблема, когда создаю 2 колонки флоат задаю им получается что основной див не раздвигает внутренний к примеру такой вариант <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Две колонки</title> <style type="text/css"> #container { border: 5px solid #444444; /* Общая ширина макета */ margin: 0 auto; /* Выравниваем по центру */ } #leftcol { float: left; background: #f0f0f0; width: 600px;background-color: #333; } #rightcol { float: left;margin-left: 10px; background: #fc0; width: 200px;background-color: #555555; } #le…

    Asked by quickreg,

    0 votes
    8 answers

  18. Небольшая проблема с JQzoom

    Если резко переместить курсор вправо и остановить его на увеличенной области то она не исчезает вот пример Сайт BigLion использует этот плагин, пробовал копаться в их коде но не шашел как они смогли решить данную проблему, у них если быстро навести на увеличенную область которая справа то она исчезает как и положенно, вот пример

    Asked by ilyas,

    0 votes
    2 answers

  19. тени текста в IE

    Подскажите, как сделать правило для IE8,9, что бы он тени текста не показывал ваще? Я в правилах не шарю. Спасибо! Если нужно сайт: плитка.in.ua Спасибо!

    Asked by Vic-Tor,

    0 votes
    2 answers

  20. Проблема с плиточной версткой

    Буду краток: Нужно что бы вот это: http://ynws.esy.es/index2.html выглядело как это: http://ynws.esy.es/index.html В чём соль: По второй ссылке новости заданы структурой 4 колонки, а в них уже плитки. По первой ссылке задан фиксированный размер родителя, а в нем плитки прижатые float:left. Как видите в этом случае вторая и последующие строки разъезжаются. Фиксированную высоту, пожалуйста, не предлагайте

    Asked by Адель,

    0 votes
    14 answers

  21. Затемнение фона

    Добрый день, гуру вёрстки! Нужда попросила затемнить фон всего сайта при наведении на определённый объект. При этом сам объект должен оставаться при этом на первом плане. В мыслях подумал, что плёвое дело, и родил это: <style>body { background: #ccc; }.banner { background: #fff; border: 1px solid #000; text-align: center; background: #fff; height: 400px; width: 240px; position: absolute; z-index: 100; }.banner div { display: none; }.banner:hover div { background: #000; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; }</style><div class="banner">Hover Me<div></div></div>Естественно, мой «хит…

    Asked by ZABor1978,

    0 votes
    2 answers

  22. макет базируется на диагоналях

    Добрый день. У меня макет весь состоит из диагоналей, треугольников и меню необычной формы. Вот ссылка: Посоветуйте, что лучше использовать для этого. Я подумала про transform, но он не входит в стандарт и в IE9 может глючить, и вообще границы мелкими волнами идут, мне в голову приходит только картинки использовать в этом случае. Есть ли еще варианты?

    Asked by Nailya,

    0 votes
    4 answers

  23. Подвинуть чуток фиксированные блоки.

    Что можно сделать с body, html или другим узлом DOM, чтоб все фиксированные элементы подвинулись немного вправо. Т.е. я понимаю, что fixed-блоки позиционируются относительно окна, а мне нужно левую границу области окна подвинуть немного вправо. Может есть какое-то новое CSS свойство или может это можно реализовать javascript'ом не используя перебора всех элементов и выбора из них всех фиксированных?

    Asked by Zuenf,

    0 votes
    3 answers

  24. Кроссбраузерность: CSS3 и JS

    Недавно скачал шаблон с HTML5 Up и увидел, что на том сайте все шаблоны делаются не на CSS3 media query для адаптирования, а через написанный автором того сайта JS фреймворк skeiJS. Вот и задумался. А ведь правда, JS, который был еще во времена войны Netscape Navigator с IE, намного кроссбраузерней CSS3. Почему все используют последний? Да и вроде с CSS3 media query браузеру приходится загружать стили для всех экранов, а JS их подгружает их по мере необходимости. P. S. Я не настаиваю на том, чтобы все использовали JS. Я понимаю, что на использование CSS3 есть причина и хочу ее узнать.

    Asked by iKNG,

    0 votes
    3 answers

  25. тег <a> перед <li> выдает ошибку в валидаторе HTML

    Добрый день. Я использую адаптивную верстку. Вот ссылка на сайт: http://test.w-complex.ru/w_complex/complex.php. В разделе портфолио, при наведении курсора мыши на картинку, появляеся синий фон с крестиком, весь синий фон являеся ссылкой, как и задумывалось. Для этого я поставила тег <a> перед <li>, но валидатор html выдает ошибку вот такую: Line 183, Column 40: Element a not allowed as child of element ul in this context. (Suppressing further errors from this subtree.) … <a href="#"><li class="one_li">Compatible with popu…То есть нельзя тег <a> использовать внутри элемента <ul>, как только тег <a> п…

    Asked by Nailya,

    0 votes
    4 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