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. Проблема с тегом <input>

    Всем доброго времени суток. У меня появилась одна проблема, связанная с тегом <input>. Для разборки взял первый пример: <form name="test" method="post" action="/html/example/input1.php"> <p><b>Ваше имя:</b><br> <input name="nick" type="text" size="40"> </p> <p><b>Каким браузером в основном пользуетесь:</b><Br> <input type="radio" name="browser" value="ie"> Internet Explorer<Br> <input type="radio" name="browser" value="opera"> Opera<Br> <input type="radio" name="browser" value="firefox"> Firefox<Br> </p> <p>Комментарий<Br> …

    Asked by Eviral,

    0 votes
    5 answers

  2. Схлопывание отрицательного margin

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

    Asked by Error-404,

    0 votes
    5 answers

  3. Ширина в процентах относительно плавающего блока

    Имеется следующая структурка (максимально упрощенный вариант): <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> .item {border: solid 1px red; float: left} </style> </head> <body> <div class="item"> <div>ололоололоололоололо</div> <div> <div style="float: left; width: 50%">123</div> <div style="float: left; width: 50%">321</div> </div> </div> </body> </html> Должна быть строка, под которой располагается 2 блока полов…

    Asked by dm53,

    0 votes
    5 answers

  4. margin-top

    html код: <body> <div id="wrapper"> <div id="block"> <p>Супер текст</p> </div><!--#header--> </div><!--#wrapper--> </body> css код: #wrapper {margin: 0 auto; width: 800px;} #block {height: 150px; background: #009933;} #block p {text-align: center; font-size: 26px; margin-top: 20px; background:#0099FF;} Собственно вопрос: почему margin-top для "p" делает отступ от окна браузера, а не от блока #block.

    Asked by artylion,

    0 votes
    5 answers

  5. Menu span, блокирует все что сзади

    Здравствуйте. У меня проблема. В браузерах Opera и FireFox, на сайте из-за Menu span, блокируется все что сзади находится. А в IE нормально. Подскажите как можно это испавить? http://slik.biz/mail.php Спасибо.

    Asked by BoB,

    0 votes
    5 answers

  6. В IE прозрачная PNG берет не правильный бэкграунд

    И так возникла проблема. Есть две картинки. Одна из них с прозрачным фоном. Нужно наложить картинку с прозрачным фоном на вторую. Делаю так: смещаю див с прозрачной картинкой: display: inline; position:relative; left: -37px; bottom: -105px; В итоге получаем правильное расположение. Прозрачная картинка на непрозрачной второй. НО! В IE получаем белый фон у картинки с прозрачным фоном! Этот фон IE берет из !изначального места расположения картинки, до сдвига с помощью display: inline; position:relative; left: -37px; bottom: -105px; Т.е если у контейнера с картинками фон синий - у прозрачной картинки тоже будет синий фон Как это побороть? Этот баг только в IE в осталь…

    Asked by alex-ks,

    0 votes
    5 answers

  7. Активная ссылка.

    В html и css начинаю уже разбираться и понимать, но столкнулся с такой проблемой, возможно даже и не проблема для знактаков, но так как раньше в этом не было необходимости, то и решение проблемы не знаю, ну а теперь о проблеме. На сайте http://www.battlefieldbadcompany2.com/ есть меню навигации, когда выбираешь какой-либо раздел и переходишь в него, ссылка становится активной и выделяется оранжевым цветом и соответствующей картинкой, если просто наводиш мышку на раздел, то серым, это не было для меня проблемой сделать, для меня стало камнем преткновением, каким образом ссылка при переходе в нужный раздел выделяется оранжевым, при попытке сделать то же самое ни чего не пол…

    Asked by papay,

    0 votes
    5 answers

  8. Отступы от краев таблицы

    Всем доброго времени суток! Проблема заключается в следующем. После установки на сайт таблицы jquery, отступы от краев таблицы до текста уменьшились. Это просматривается на скринах: (внешний трафик) ДО: ПОСЛЕ: Как это исправить? Быть может можно что то добавить в css файл, что б потом нужную таблицу просто заключить в div? <div class="otstup">ТАБЛИЦА</div> Заранее благодарен!

    Asked by Eviral,

    0 votes
    5 answers

  9. Отрицательный margin, Chrome

    Добрый день. Есть такой сайт - http://arlite.dn.ua Во всех браузерах отображается нормально, в Хроме - косяки. Косяки в тех местах, где применялося отрицательный margin. Конкретно это 1) логотип на всех страницах (должен быть слева, по факту в центре) 2) на странице http://arlite.dn.ua/rus/aboutus/awards/certificates/ все меню. Конкретный кусок кода, использовавшийся в логотипе .head-container { height:705px; width:100%; background-color:#D2E4CA; } .head { width:1000px; height:705px; background: url('img/arlite-plant.jpg') no-repeat center; } .logo-container { width:280px; height:130px; margin-left:-750px; /* <———— Проблема здесь */ } <div …

    Asked by MageMerlin,

    0 votes
    5 answers

  10. оплата услуги на сайте

    Привет, Люди. Вопросик такой. Как работает системы оплаты какой-нить услуги на сайте? Допустим, яндекс.деньги или по смс, и продаю я доступ к какой-нить информации на сайте или отправляю по посте какой-нить пароль/пин-код. Гороскоп, на худой конец. Регистрируюсь я в нужной мне системе, подключаю все по инструкциям. А что дальше? Как работает эта система? Е-майлы с продаваемой инфой уйдут автоматически покупателям или надо вручную их отправлять? А если все автоматически, то всю информацию, как это настроить предлагает система оплаты или надо самим знать и уметь? Заранее спасибо за ответ. П.С. Очень далеко не посылайте, плз.

    Asked by top-top,

    0 votes
    5 answers

  11. div не хочет влезать в родительский div

    По коду в тег div входит ещё несколько div-ов, проблема в том что в браузере это не отображается, все это слои ставятся отдельно от родительского div-а . На сайте главный div выделен белой рамкой, а div в котором должны находится меню, главная колонка выделен красным. помогите найти ошибку в сайте вот ссылка на народ, если мой комп опять демоны выключат /*stylesheet*/ body {background:url(img/ev_bg.jpg) repeat-x black ;margin:0; padding:0px } img {border:none} #ev{ background:url(img/col_bg.gif) ; width:1024px; margin:0 auto; padding:0px; border:5px #FFF solid } #top {color:white; width:1024px; height:52px; background:#000; margin:0px; …

    Asked by Winni,

    0 votes
    5 answers

  12. и снова border

    в style.css: IMG {border:1; border-width:1px; border-color:81b7bb; } в *.html: <div class="myclass"> <a href="*.html"><img src="images/image.gif"></a> </div> в мозилле бордер прекрасно отображается. ширина и цвет регулируются. А вот опера и и.эксплорер отчаянно игнорируют, и отображают картинку без бордера.. что не так? подскажите пожалуйста

    Asked by dudin,

    0 votes
    5 answers

  13. Проблема спика в Safari и Chrome

    День добрый! Проблема следущая. ПРи построении горизонтального списка с float: left в firefox,msi и opera, отображается корректно: но в chrome и safari выдает такую бяку: Конструкция списка html: <div class="cpt_product_lists"> <ul > <li> </li> </ul> </div> Css: .cpt_product_lists ul { list-style:none; margin:0; padding:0;} .cpt_product_lists ul li { float:left; margin: 20px 8px 0 17px; border: 1px dashed #666; } Реальный пример сайта: пример Помогите пожалуйста, танцую с буном уже 4 час, менял конструкцию на li c inline-block, и на li с overflow:hidden, ни чего не помогает.

    Asked by san4es_86,

    0 votes
    5 answers

  14. Сайт не индексируется поисковиками (+)

    Никоим образом не рекламирую, но прошу помощи Свежий сайт (примерно 3 месяца) http://gruppa-trek.ru/ - в поисковиках никак не отсвечивает. По контенту и тематике - есть и еще больше будет эксклюзивной инфы. В чем трабл? Наехать на хостинг? Посмотрел через http://webmaster.yandex.ru/addurl.xml - Сервер возвращает код статуса http 404 (ожидался код 200) - вроде проблема хостера получается. Но не совсем понимаю как так может быть - сайт работает... Спасибо всем откликнувшимся.

    Asked by map,

    0 votes
    5 answers

  15. нужен совет

    люди добрые подскажите плиз как можно так сделать в коде html либо в самих css чтобы когда я навожу курсором на рисунок он изменялся у меня на совсем другой рисунок, чтото по типу ссылок, у которых до наведения один вид, а после наведения другой

    Asked by Romario1985,

    0 votes
    5 answers

  16. аттрибуты тега DIV, class и id

    Интересует такой вопрос. Везде учат как используются эти аттрибуты тега DIV одним способом, а в реале встречаешь вообще совсем другое. Т.е. вот есть код, там идут теги DIV с аттрибутами, но нигде потом нету информации, что эти аттрибуты из себя представляют. Т.е. они описываются где-то не в файле страницы, а могут храниться где-то еще отдельно? А как к ним тогда ссылаться? Вот короткий пример: <div id="layout"> <div id="mainwrapper"> <div id="regbox" class=""> <div id="regselector" class="corner greybord"> <div class="content"> Вот все эти слова в кавычках, это же названия аттрибутов, за ними скрываются какие-то опредения экрана, цветов, слое…

    Asked by htmluse,

    0 votes
    5 answers

  17. Рамка на странице

    Здравствуйте все те, кто борется с браузерами ради корректной разметки. Есть задача сделать в браузере рамку на весь тег <body>. Эта рамка со всех четырёх сторон должна примыкать к окну документа и при изменении размеров окна должна оставаться примыкать. Т.е. желательно, чтобы полос прокрутки не возникало и практически при любом размере окна мы видили рамку. Сделал такую разметку. body имеет цвет lime, чтобы его проще можно было различить на странице. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Test</title> <style typ…

    Asked by clavin,

    0 votes
    5 answers

  18. Обтекание изображения.

    Привет всем! Как сделать без тега <br> так чтобы часть текста обтекала изображение, а другая была под самим изображением... Сами понимаете, если изображение большое, сидеть строчить 2 десятка <br> это не дело.. Я где-то читал, токо вот забыл...

    Asked by mrBulka,

    0 votes
    5 answers

  19. ИЕ кусок екскремента...

    Бобрый день, помогите пожалуйста советом или наглядным примером изза чего может возникать такая вот фигня. суть проблемы: сайт: tm.ua проблема: под топ менюшкой есть тд с текстом "РЕГИСТРАЦИЯ ТОРГОВОЙ МАРКИ (ТОВА..." в Опере и других браузерах отображается корректно, но в ИЕ там появляется белый кусочек и что самое интересное поклацайте пункты меню там в зависимости от станички это растояние еще и менятся... код хтмл: <tr> <td width="40" height="37"> <img src="images/R.gif" width="40" height="37" title="Патентный поверенный - регистрация торговой марки (товарного знака) в Украине"/> </td> <td class="light-gray-header"> <h1>РЕГИСТРАЦ…

    Asked by vivi.ubunifu,

    0 votes
    5 answers

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

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

    Asked by RomanShmatov,

    0 votes
    5 answers

  21. как отцентровать вложеный объект?

    Привет, All! на страничке реализовано выпадающее меню (CSS) перекрывающее flash элемент но столкнулся с тем что теперь не могу отцентровать flash подскажите как правильно это реализовать не удаляя строки <div align="center" style="position:absolute; z-index:1"> <table> ... <tr align="center"><td> <div align="center" style="position:absolute; z-index:1"> <embed src="my.swf" wmode="opaque" /> </div> </td></tr> </table> спасибо

    Asked by ravend,

    0 votes
    5 answers

  22. Проблема в IE 6 при большом разрешении

    Друзья, помогите. Не могу поймать косяк. Резиновость сайта от 1000 до 1280, 2 колонки, при большом разрешении (более 1280 - сайт расположен по центру экрана). Во всех браузерах всё ОК, кроме IE6, т.е при разрешении большем 1280 левая колонка съезжает за поля и текст исчезает, н оне совсем, а в зависимости от разрешения. Вот код страницы: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Call-центр Телеконтакт - крупнейший call-центр в России по подтвержденным оборотам</title> <link rel="stylesheet" type="text/css" href="css/all.css"> <scri…

    Asked by karevie,

    0 votes
    5 answers

  23. Как прописать стиль для слайдера

    У меня проблема с версткой: на сайте показывается слайд-шоу изображений из постов. На фоне каждого изображения должна появляться прозрачная полоса, на которой будет название поста, из которого выводится картинка. Посмотреть можно здесь http://juice.fsay.net/ajuice/ Слайд-шоу будет вверху страницы, справа. там пока нет изображений, почему то они на этом хостинге не работают - хостинг бесплатный. Но понять, как это должно выглядеть, можно. Проблема у меня с полосой, на которой отображается название поста. 1. При перезагрузке страницы она отображается выше нужного места, а потом, когда страница загрузилась полностью - полоса опускается вниз. В общем, некрасиво дерг…

    Asked by Mila,

    0 votes
    5 answers

  24. Скрипт выбора кнопки на примере Liveinternet

    Доброго времени и с прошедшим праздником Суть всей проблемы такова, нужен скрипт выбора кнопок как допустим у Liveinternet ил mail.ru Поэтапно: Юзер видит 4 кнопки разных размеров, выбирает нужную через радио кнопку и нажав далее переходит на страницу выбора цвета, выбрав цвет его перебрасывает на страницу с готовым кодом. Помогите господа решить сие вопрос или задачку. Знаний в программировании, особо нет (да для вас можно считать что их и нет вовсе ) Надеюсь с вашей помощью решить этот вопрос. В гугле облазил, но не нашел ничего стоящего. Заранее спасибо.

    Asked by BLOTTER,

    0 votes
    5 answers

  25. Стилизация выплывающего списка

    Добрый день! Подскажите можно вот так стилизовать список для всех браузеров? Картинки дана в развернутом виде.

    Asked by Prokopov Nikolai,

    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