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. Элемент списка

    Привет, подскажите новичку вот код <h2 align="center">Услуги в гостинице:</h2> <br> <ul> <h3 align="center"><li>Индивидуальная огороженная площадка с летней мебелью.</h3></li> </ul Индивидуальная огороженная площадка с летней мебелью- выравнивается по центру как и надо а вот точка а тоесть элемент который слева от слов так и остается слева а не перемещается на центр, как исправить чтобы оно тоже с предложением переместилось на центр?

    Asked by Garikvoloshin,

    0 votes
    3 answers

  2. Элемент списка - Опера

    Опера почему-то по-другому отображает отступы между элементами списка - li. Думал, вот жестко указать стиль. Кто-нибудь знает, какие свойства у списка по-умолчанию в ИЕ или в Огнелисе? Или чем их можно посмотреть.

    Asked by undsoft,

    0 votes
    0 answers

  3. Элемент только на главной

    Всем привет! Снова обращаюсь к Вам за помощью Мне надо чтобы определенный элемент отображался только на главной странице... Как это реализовать? Можно ли через конструкцию if-else??? Например если адрес в браузере равен "index.php" или "/" то отображаем элемент, если нет - не отображаем. Заранее спасибо!

    Asked by MC WEST,

    0 votes
    7 answers

  4. Элемент уходит влево после работы скрипта

    3 кнопки, 3 таблицы, после нажатия на кнопку отображается определенная таблица. После нажатия на кнопку таблица всегда уезжает влево, несмотря на тег <center> и атрибут align="center" rabbits.html

    Asked by znukut,

    0 votes
    2 answers

  5. элементарная блочная в?рстка -- позиционирование

    Приветствую, Я тут новенький, так что могу спрашивать что уже обсуждалось. Сразу ногами не бить... :-) Итак. Начитавшись о прелестях css и "архаичности" в?рстки при помощи таблиц, задался, казалось, простым вопросом. Но вот решения не найду. задача проста, при помощи div сделать как тут: http://imagebin.org/11213 Пояснение: рамка вокруг = окно браузера. Что у меня НЕ получается. * Я так понимаю, что по любому блок меню или контента (а может и обоих) надо позиционировать абсолютно. Но тогда проблема с блоком подложки (ч?рный, который содержит остальные блоки), он не растягивается вниз * Если позиционировать меню абсолютно, то проблема опять же с нерастягивающейся вниз под…

    Asked by az,

    0 votes
    9 answers

  6. Элементарный вопрос - почему не применяются стили

    Есть такой код, например: <article> <ul class="armorList"> <li><img src="img/sword.svg" alt=""></li> <li><img src="img/shield.svg" alt=""></li> <li><img src="img/stick.svg" alt=""></li> <li><img src="img/bow.svg" alt=""></li> </ul> </article> Почему к картинкам применяюся стили в формате: img { height: 50px; } а в таком: .armorList img { height: 50px; } или .armorList { height: 50px; } не применяются. В чем тут особенность? Просьба не пинать за глупые вопросы, пытаюсь разобраться.

    Asked by Nip,

    0 votes
    1 answer

  7. Элементарный впрос, "сложный" ответ?

    Доброе время суток. Решил начать изучение web-разработки, да вот до сих пор терзает вопрос "С чего начать???". Вопрос не сложный, но похоже требующий уточнений. Зачатую ответы приводят к html, css, ssi, php, mysql. Это В общем понятно, но когда начинаешь изучать все это по отдельности, то нет понимания структуры и взаимодействия между этими частями. Или же если оно приводиться, то опять же как пример(частность). Что делать? Где найти понимание структуры, методов написания сайтов?

    Asked by Kirgovec,

    0 votes
    3 answers

  8. Элементы "display:box" не работают

    Доброго времени суток, помогите пожалуйста разобраться с кодом, в идеальном варианте в div должны располагаться через равные расстояния другие div <!DOCTYPE html><html lang="ru"><meta charset="utf-8"><link rel="stylesheet" type="text/css" href="style.css"> <head> <title>OK-page</title> </head> <body> <div id="page"> <section id="nav"> <div class="navbutton"></div> <div class="navbutton"></div> <div class="navbutton"></div> <div class="navbutton"></div> <div class="navbutton"></div> </section> <div id="content"> <…

    Asked by alexander.travkin,

    0 votes
    2 answers

  9. Элементы "дергаются" в Хроме при перезагрузке страницы.

    Здравствуйте. Сайт http://kroteks.ru В Хроме наблюдается странная ситуация при переходе по ссылкам главного меню: элементы в шапке как бы дергаются после перезагрузки страницы. С чем это может быть связано?

    Asked by vovka-morkovka,

    0 votes
    6 answers

  10. Элементы CSS браузеров!

    На вашем сайте нашел справочник по этим класс. Ну что-то типо -o- -moz-. Но вот инфу про это не нашел. Не подскажите как это называется и где можно прочитать что оно собой представляет?

    Asked by tini.kRyptoNite,

    0 votes
    7 answers

  11. элементы DIV в ряд

    Нужно расположить элементы DIV в ряд, и чтобы они вели себя, как обычные элементы - если div-ы не влезают по ширине в окно браузера, то чтобы они сами переносились на новую строку. Как это можно сделать?

    Asked by krustal,

    0 votes
    1 answer

  12. Элементы ins и del

    Читал сейчас DTD HTML 4.01, и обратил внимание, что элементы ins и del не входят ни в список строчных (%inline;) ни в список блочных (%block;). Собственно, вопрос - как это возможно и какими тогда эти элементы должны считаться при анализе структуры документа? Мне раньше казалось, что каждый элемент должен быть строго определен на уровне контекста как строчный или блочный...

    Asked by rash,

    0 votes
    4 answers

  13. Элементы Внутри DIV 'а

    Помогите плиз есть Div контейнер на странице с такм вот кодом КОД HTML ****************** div class="Product_Title"> Выключатель одноклавишный "Вессен" </div> <div class="products"> <div style="margin-bottom:10px;"> <img src="Pics/M1.jpg" /> </div> </div> КОД СSS ******************* /* Заглавие товара (синяя строка) без пробела после */ .Product_Title { height:auto; padding:8px; background:#069; color:white; border-right:double #036 4px; border-left:double #036 4px; border-top: double #036 4px; font-weight:bold; } /* Поле товара с картинкой и описанием товара(белая поле) */ .products { height:auto; padding:8px; background:#FF…

    Asked by HappyUser,

    0 votes
    2 answers

  14. Элементы меню с треугольными краями

    Добрый день! Подскажите, пожалуйста, как можно более гибко реализовать треугольники по краям элементов меню. Вот пример http://jsfiddle.net/Ewuvv/3/ . Можно ли как-то сделать так, чтобы они автоматически подгонялись по размерам(например при уменьшении/увеличении шрифта элементов меню)? И в чем причина отображения темной границы у треугольников в FF?

    Asked by Vulner,

    0 votes
    2 answers

  15. Элементы меню, выравнены по левому и правому краю.

    Вступление Всем привет. Возможно для Вас это не проблема, но я уже себе весь мозг сломал, пальцы стерты до дыр после гугления, и все что имеется у меня на данный момент это несколько совсем некрасивых решений . Задача У нас есть меню, состоящее из 5 (количество пунктов может меняться) пунктов. Нужно чтобы первый пункт выл у самого левого края. А последний у правого. И расстояние между пунктами было одинаковым. Вот пример: |[u]Главная страница[/u] [u]Форум[/u] [u]Новости[/u] [u]Гостевая книга[/u] [u]Войти[/u]| Где | это край к которому должны быть прибиты элементы. Если использовать выравнивание по центру то получим: | [u]Главная страница[/u] [u]Форум[/u] [u]…

    Asked by pizzZ,

    0 votes
    2 answers

  16. элементы многоугольной формы

    для примера http://s1.ipicture.ru/uploads/20130523/BJQAdfsm.png при наведений должен меняться бекграунд. Сейчас думаю использовать map area, но не подходит. Что можете посоветовать?

    Asked by gibigate,

    0 votes
    5 answers

  17. Элементы наезжают друг на друга

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.css"> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <div class="header"> <div class="product"> <h1>Product Name</h1> <ul class="sps"> <li>Put on this page information about your product</li> <li>A detailed description of your product&l…

    Asked by nevalek,

    0 votes
    1 answer

  18. Элементы по центру в html5

    Всем привет! Как правильно расположить элементы по центру страницы в html 5? Читаю тут http://htmlbook.ru/html/center что <center> в html5 запрещен, тут http://htmlbook.ru/html/div/align что <div align="center"></div> тоже не айс (написано - осуждается... что?). Так как же нужно центрировать элементы в html5? У меня есть, например, input, как тогда мне поместить его по центру страницы?

    Asked by Someone,

    0 votes
    5 answers

  19. элементы подпрыгивают

    есть такой сайдбар при наведении они подпрыгивают, как это исправить? пытался делать с box-sizing не получается

    Asked by Laroxx12,

    0 votes
    4 answers

  20. Элементы с float, при загрузке страницы выстраиваются вертикально

    Привет всем. Не могу побороть проблему на этом сайте: http://www.domzagranicey.com/ Дело в том, что при загрузке страницы, фотографии в карусели выстраиваются вертикально буквально на 2 секунды, но это бесит... не знаю, как пофиксить это. Overflow hidden родительскому элементу — не помогает.

    Asked by BassEast,

    0 votes
    13 answers

  21. Элементы сайта

    Всем доброго времени суток! И с наступившими праздниками. Столкнулась с такой проблемкой, всякие там элементы дизайна сайта (верхушка, меню и т.п.) предательски разъезжаются в разные стороны когда меню размер окна браузера. Как бы все это дело собрать и склеить намертво, чтоб не разбегались как тараканы от света! Спсасибище за ответ огроменное заранее! Думаю отвечающие тут умнее меня, так что объясните как можно яснее, чтоб такому новичку как я было понятно куда тыкать и что менять!!! сайт cvetkoff.ucoz.net скрин проблемы прилогается:

    Asked by Cvetkoffa,

    0 votes
    1 answer

  22. Элементы списка

    ситуация следующая: есть неупорядоченный список (id="content_links") с тремя элементами, содержащими ссылки. этот список я преобразую в строковый элемент, тем самым получаю горизонтальную навигационную панель. как упоминалось выше, ссылки всего три. мне надо добиться такого эффекта, чтобы вторая ссылка(id="middle") быть ниже остальных. получаем следующий код XHTML: <ul id="content_links"> <li><a href="#">Cunsumer</a></li> <li id="middle"><a href="#">Communications</a></li> <li><a href="#">Enterprise</a></li> </ul> код CSS: #content_links{ margin-top: 100px; border:1px so…

    Asked by LeD4eG,

    0 votes
    6 answers

  23. элементы списка LI по левому краю в IE

    вот такая проблемма.. нужно выровнять список по левому краю.. в файрфокс всё отлично, а в ИЕ - КАК ВСЕГДА!! код : <html> <HEAD> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <style type="text/css"> @charset "utf-8"; /* RIGHTMENU */ #rightmenu { float:right; width:180px; border:1px solid #cfcfcf; background-image:url(../img/bgb1-2.gif); background-repeat:repeat-x; background-color:f5f5f5; padding-top:20px; margin:0px; text-align:left; } #rightmenu ul{ padding:0; margin-left:10pxl; } #rightmenu li{ list-…

    Asked by up2sky,

    0 votes
    2 answers

  24. Элементы списка и инпуты

    Есть следующий код: Требуется чтобы при фокусе определенного инпута, бордер вокруг этого поля менял свой цвет. Вот так: Первый элемент - это фокус содержащегося в нем инпута. Остальные - неактивные. (картинка сделала в Paint с подменой цвета) Закоментированная фраза в стилях - это мои мысли по поводу того, как это сделать. Только я не учел, что фокус принимает инпут, а не элемент списка li(ol) Это вообще реально? Если да, дайте подсказку, как это оформить(полное решение конечно хорошо, но лучше если я сам дойду до этого с некоторыми подсказками)

    Asked by Serafim1991,

    0 votes
    11 answers

  25. Элементы списка по ширине. кроссбраузерно

    помогите пожалуйста выровнять блоки articles по ширине так чтобы крайние элементы строки прилипали к краям родительского конейнера(обычно в интернет-магазинах таким образом располагаются товары). здесь я реализовал то, что хочу. но в safari и ie9 расположение ломается(( то же самое, но в jsfiddle, если так удобнее вам будет важно чтобы articles были выровнены не через float, а через inline-block(так как articles могут быть различной высоты)

    Asked by cyklop77,

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