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. Как разбить таблизу на несколько страниц

    Как разбить таблизу на несколько страниц echo ("<table border=1 width=100% cellpadding=0 cellspacing=0>"); echo ("<tr align=center>"); echo ("<td width=80 height=20><b>Карта</b></td>"); echo ("<td width=200><b>Дата</b></td>"); echo ("<td width=200><b>Время</b></td>"); echo ("<td width=200><b>Размер</b></td>"); echo ("<td><b>Скачать</b></td>"); echo ("</tr>"); …

    Asked by ADGJMPTW,

    0 votes
    0 answers

  2. Проблемы с отображением сайта в Firefox в ОС Linux Ubuntu

    Добрый день Имеется следующая проблема. Когда открывается сайт в Firefox (причем только в ОС Linux Ubuntu) страницы сайта начинают отображаться со странными границами вокруг графических элементов . В остальных браузерах и Firefox для Windows сайт отображается как должно . Подскажите пож-ста как решить проблему. Заранее спасибо.

    Asked by znikolaj,

    0 votes
    7 answers

  3. проблемы с a:hover

    Господа верстальщики. У меня делемма. Есть горизонтально центрированное меню. В нем под пукнты. Главным пунктам присвоен стиль смены цвета при наведении a:hover. Как заставить родительские пункты меню оставаться в состоянии hover при наведении на под пудпункты? Как видно слева при ховере появляется бэкграунд с треугольником и смена цвета пункта. Хочется добиться того же эффекта при наведении на подпункт. Чтобы главный пункт меню оставлся в состоянии :hover. Заранее спасибо

    Asked by Morrag,

    0 votes
    2 answers

  4. Изучение HTML языка

    Привет всем! Я начал изучать css язык, и как говорилось в моей другой теме, изучать стоит паралельно с html языком. Вот тогда вопрос, какой html язык мне стоит изучать? HTML5? Или HTML4? И как это повлияет на отображение в браузерах?

    Asked by Feers1de,

    0 votes
    18 answers

  5. Как поменять положение слоя?

    Есть страничка, куча слоев на ней. При вёрстке верхней части использовал относительное позиционирование, соответственно футер уполз вниз на величину двух слоев, которые я размещал позиционированием. Можно поднять футер, задав ему координаты, но тогда под ним остается всё то же пустое место. Как решается такая проблема? код пока "грязный", но визуально глянуть можно тут 1.rpif.net

    Asked by kentastik,

    0 votes
    8 answers

  6. Как лучше сделать лого и название сайта?

    Всем здравствуйте. Хочу задать тупой вопрос из серии "О чем вы боялись спросить" (у меня наверное все вопросы из этой серии будут ). Допустим, мы имеем название сайта с логотипом, причем в названии не используются декоративные шрифты. Возьмем к примеру логотип и название сайта _htmlbook.ru, которые сделаны изображением .png. Так вот, вопрос: а не лучше ли название сайта делать заголовком h1? ИМХО это должно быть логичней, семантичней и т.д. и т.п. (это не критика в адрес сайта ). Интересно мне это семантическое задротство. Из возможных вариантов как лучше сделать - <img src="logo.png">, <h1>Заголовок сайта</h1>+background или логотип - <img>, а …

    Asked by web-monster,

    0 votes
    13 answers

  7. дивный макет ( помогите)

    Здраствуйте!Помогите нубу решить проблемму.недавно начал изучать хтмл и ксс и сегодня решил впервые попрактиковатся над созданием макета. Собстенна вот создал макет <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:///TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="://1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> html,body { margin:0 auto; height:100%;} #contener { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px; width:1000px; background:#FC3; } #head { heig…

    Asked by seregascs,

    0 votes
    35 answers

  8. проблема

    смотрите есть ещё такая проблема: пишу доску обьявлений заходишь на страницу вход всё норм, заходим... после входа автоматически перекидует на добавление обьявления а потом если вернутся на вход то футер плывёт влево я так понял он перестаёт воспринимать центрирование сайта #container{ background: url(images/back.jpg)repeat-y; width: 800px; margin: 0 auto; height: 400px; position: relative; } с чем ет может связано быть? #footer{ position:absolute; left:25px; top: 1208px; }

    Asked by KapSuLa818,

    0 votes
    3 answers

  9. Проблема отображения в Firefox

    Здраствуйте, в разработке сайтов новичок, даже не знаю в чем может быть проблема.. В браузере Firefox 4.0.1 сайт отображает некоректно, такое впечатление что стили вовсе не работают (цвет ссылок синий с подчеркиванием, фонового изображения нет).. Адрес сайта: http://marasyanechki.narod.ru

    Asked by Serik,

    0 votes
    9 answers

  10. Размер элемента в процентах минус 100 пикселей

    На странице имеется шапка высотой 100px и яндекс карта высотой 100% как сделать чтобы размер карты был 100% минус 100 пикселей <!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"> <head> <title>Примеры. Простой вызов карты.</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="http://api-maps.yandex.ru/1.1/index.xml?key=AIQcg0wBAAAA5e0zBAMAh7of_DfOHY1gl_R0v5CsZ9mboTsAAAAAAAAAAAA53fz1iFk7mzC8xQGtKj2VyYSkrA==" type="text/javascript"></script> <style type="…

    Asked by mkone112,

    0 votes
    2 answers

  11. _height:expression

    Привет!! Что за _height:expression(document.body.clientHeight+'px'); и где его использовать?? Это растягивание на высоту родителя дочернего блока или нет?? <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> .za{position:relative; top:100px; left:100px; width:200px; height:400px; background:url(d.jpg) no-repeat; z-index:1} .moo{position:absolute; background-color:red; top:10px;bott…

    Asked by bot87,

    0 votes
    6 answers

  12. div'ы и ie6

    Приветствую. Имеем следущий код: #body { width:1000px; height:100%; margin:0 auto; display:block; } #left { width:62px; height:auto; -height:expression(this.scrollHeight < 221 ? "221px" : "auto"); min-height:221px; background:#e0e0e0 url(../images/index_06.jpg) no-repeat top; -margin:-13px 0 0 0; display:inline; float:left; } #right { width:937px; height:auto; -height:expression(this.scrollHeight < 221 ? "221px" : "auto"); min-height:221px; -margin:-13px 0 0 0; display:inline; float:left; } #right_top_left { width:286px; height:30px; display:inline; float:left; } #right_top_right { width:651px; height:30px; background-color:#e0e0e0; di…

    Asked by bobo,

    0 votes
    12 answers

  13. Как зафиксировать меню сверху экрана

    Есть меню, оно в середине экрана, при прокручивании страницы, когда скрывается это меню - его надо зафиксировать с верху браузера? Что-то похожее есть в яндекс почте.

    Asked by pixelranger,

    0 votes
    4 answers

  14. не получается прозрачный бэкграунд

    в бэкграунд ложится картинка, нужно средствами CSS задать ее прозрачность сделал так: .mainbg { background: url('../img/general.jpg') no-repeat; /* Internet Explorer */ filter:alpha(opacity=50); /* CSS3 standard */ opacity:0.5; } но почему-то прозрачным становится текст сайта вот как отработало _hххp://sbsg-consulting.com помогите плз

    Asked by SKM,

    0 votes
    10 answers

  15. Резиновое расстояние между картинками.

    Здравствуйте. Столкнулся с одной проблемой и не знаю как ее решить. Есть файл с рисунками меню и мне нужно это меню сделать на сайте, но что бы расстояние между рисунками было резиновое - изменялось пропирционально рассширению браузера. Меню ввиде рисунков я сделал, но c резиновым расстоянием у меня возникли проблемы. Как задать чтоб расстояние между рисунками было не фиксированным (word-spacing:) - а динамическим, вымеряемое у процентах. ?

    Asked by xunicornx,

    0 votes
    13 answers

  16. Проблема

    Решается

    Asked by jokinglyaaa,

    0 votes
    4 answers

  17. Отправка формы в iframe на другой странице

    Привет, Нужна помощь, обыскал весь google, но нечего не нахожу. Задача такая, есть: 1) Страница #1 на которой форма (логин и пароль) 2) Страница #2 на которой iframe Реально ли передать данные формы из страници #1 в iframe на странице #2? Передавать данные со страници на страницу, умею, но реально ли это сделать в данном случае? Буду, очень признателен, если поможете.

    Asked by uncancelled,

    0 votes
    3 answers

  18. Нужна помощ

    Привет всем! Подскажите плз как сделать чтобы при добовлении новой новости, главная не опускалась в низ... К примеру: Есть новость под названием "Правило добовления новостей" Тоесть мне нужно сделать чтобы оно всегда сверху было

    Asked by Suriko,

    0 votes
    2 answers

  19. Тег <collapse>

    Кто-нибудь знает как работает тег <collapse>? Мне нужно сделать разворачивающийся текст Допустим набираю: <collapse collapsed title="Этот текст будет разворачиваться"> текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст </collapse> на экране отображается только текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст Что я делаю не так?

    Asked by S-art1,

    0 votes
    6 answers

  20. ПО для создания "графических" макетов

    Всем хи... Подскажите плиз существуют ли в природе какие-либо програмулины ориентированные на создание графических макетов???(никогда не делал макетов, сразу верстал в HTML). То есть чтобы можно было быстро сделать набросок, а потом, когда определишься с примерным видом страницы, наводить красоту в фотошопе например.

    Asked by CoDy,

    0 votes
    1 answer

  21. Отступ после блока с clear: both

    Имеется контейнер, в котором несколько блоков с float: left. В завершении, чтобы убрать обтекание ставлю блок с clear: both; При этом появляется отступ после этого блока, т.е. блок с clear: both; растягивает контейнер по высоте. С подобнымстолкнулся впервые, исправить смог только overflow: hidden; у контейнера. Пример кода: <div style="width:100%;overflow:hidden; "> <div style="width: 200px; background: red; margin: 0px 20px; float: left;">test test test</div> <div style="width: 200px; background: red; margin: 0px 20px; float: left;">test test test</div> <div style="width: 200px; background: red; margin: 0px 20px; float: left;">test te…

    Asked by pav8909,

    0 votes
    5 answers

  22. Просто кнопка

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

    Asked by Tmin10,

    0 votes
    4 answers

  23. First-letter в Firefox

    Во всём кроме Фаерфокс эта конструкция корректно работает, а как её подружить с ФФ? <!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> <title></title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <style type="text/css"> a { display: block; width: 123px; height: 114px; border: #505050 1px solid; text-decoration: none; position: relative; } a:hover { background-image: none!important; background-color: #eff4e7!important; text-decoration: none!important; } a span { di…

    Asked by Wak,

    0 votes
    5 answers

  24. Cкрытые br как их удалить

    Оч. странная вешь, Firebag показывает br а в блокноте и Dreamweaver их нет, а надо бы их удалить! Не подскажете в чем может быть баг? http://s41.radikal.ru/i091/1105/08/92376147cd72.jpg вот тут большое изображение Всем заранее спасибо за помощь!

    Asked by proud,

    0 votes
    8 answers

  25. маленький хелпик html and css

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

    Asked by xotabb,

    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