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. _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

  2. Размер элемента в процентах минус 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

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

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

    Asked by Serik,

    0 votes
    9 answers

  4. проблема

    смотрите есть ещё такая проблема: пишу доску обьявлений заходишь на страницу вход всё норм, заходим... после входа автоматически перекидует на добавление обьявления а потом если вернутся на вход то футер плывёт влево я так понял он перестаёт воспринимать центрирование сайта #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

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

    Здраствуйте!Помогите нубу решить проблемму.недавно начал изучать хтмл и ксс и сегодня решил впервые попрактиковатся над созданием макета. Собстенна вот создал макет <!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

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

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

    Asked by web-monster,

    0 votes
    13 answers

  7. Еще о HREF

    Здраствуйте! У меня такая проблема: Мой СМС позволяет мне загрузить только файлы-рисунки(контролируется расширение имени файла, FTP доступа, как вы понимаете тоже нет. Нужно расместить на сайте DOC файл. Тупо поменяв ему расширение на, например, GIF, я его могу туда загрузить и сделать на него ссылочку без проблем. Но пользоватили то будут пытаться открыть его графическим просмотрщиком а не WORD. Можно ли сделать так, что-бы он сохранялся у узеров под другим именем(не заставляя их при этом руцями вводить новое имя файла и расширения) Пример: 1. у меня есть документ ttt.doc 2. переименовываю его в ttt.gif (СМС пропускает только графические файлы) 3. Он там даст ему какоето…

    Asked by ksasw,

    0 votes
    8 answers

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

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

    Asked by kentastik,

    0 votes
    8 answers

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

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

    Asked by Feers1de,

    0 votes
    18 answers

  10. напишите как сделать так что бы ссылки на страницы были неже картинок

    напишите как сделать так что бы ссылки на страницы были неже картинок (см.ниже) <table cellpadding="0" cellspacing="46px" border =0 > <tr> <td width="170px" height="140px" align="center" style="background: url(./filez/pict2010/Turkey.JPG)"> <a href="?id=10056" ><font color=#FFFFFF><font size=+1><b>Турция</b></font></font></a> </td> <td width="170px" height="140px" align="center" style="background: url(./filez/pict2010/tunis.jpg)" > <a href="?id=10048" ><font color=#FFFFFF><font size=+1><b>Тунис</b></font></font></a> <br> </td> &l…

    Asked by denis21,

    0 votes
    11 answers

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

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

    Asked by znikolaj,

    0 votes
    7 answers

  12. Как разбить таблизу на несколько страниц

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

  13. Нестандартная верстка

    Здравствуйте, уважаемые форумчане! Мне нужна небольшая помощь с версткой. Верстка трехколоночного сайта. Имеется готовая верстка, в которой нужно внести небольшое изменение, а я не знаю как. Вот ссылка для скачивания верстки: http://dump.ru/file/5215651 - вопрос в том, как сделать чтобы шапка и подвал были не сверху и снизу (соответственно) правого блока, а прижимались к нему сбоку (соответственно шапка сверху сбоку блока, подвал снизу сбоку блока)?

    Asked by slava03,

    0 votes
    4 answers

  14. Кроссбраузерность

    Заранее прошу прощения за возможно глупый вопрос, но вот как при верстке сайта проверять его на кроссбраузерность ? От меня требуют, что б сайт отображался одинаково практически во всех браузерах, начиная с ie6 и заканчивая safari. Не ставить же себе на компьютер все эти браузеры Или всетаки ставить ?

    Asked by bobo,

    0 votes
    43 answers

  15. не работает правило атрибута в ие+опера

    Имею выпадающий список, хотел прописать тегу <option> с конкретным значением [value=1_1] display:none; в css что бы убрать его визуально, однако, не все браузеры отрабатывают правило, опера 11,1 + осел 8 игнорируют, я и так и сяк изгалялся, пробовал атрибут по разному прописать: #ja_extrafields option[value=1_1] в css{display:none;} так же пробовал не использовать знаков равно и скобок, почему данные браузеры не правильно отрабатывают правило, или, может быть, у меня ошибка закралась? Нуждаюсь в Вашем совете! <div id="ja_extrafields" <select onchange="load_extrafields(this.value,"mod_ja_group_")" size="1" style="width: 95%;" class="inputbox" id="catid" …

    Asked by xlife,

    0 votes
    2 answers

  16. в IE7 не устанавливается курсор в текстовом поле

    Помогите плиз!!! не могу понять в чем дело. есть текстовое поле, в выкидыше мелкософта версии 7 курсор в нем устанавливается только при щелчке мыши на тексте (значении атрибута value). Код: <div id="search"> <input type="submit" id="search_submit" value=""> <input type="text" id="search_text" value="Что ищем?" onblur="valu('#search_text', 'Что ищем?')"> </div> Стили: #search {width: auto; height: 92px; padding: 0px 131px 0px 24px; overflow: visible;} #search_text {width: 100%; height: 22px; border: 1px solid black; position: relative; left: 0px; top: 3px; line-height: 22px; font-size: 12px; color: #000; padding-left: 13px;} #search_submit {w…

    Asked by Vlad_P,

    0 votes
    5 answers

  17. Позиции в ксс, помогите!

    Здравствуйте! Крайне нуждаюсь в помощи по вёрствке! Помогите сделать сайт стабильным (чтобы при разных разрешениях был одинаковым). При разных разрешениях картинки и текст прыгают. Привожу кусок примера: КСС: HTML: Заранее примногом благодарен

    Asked by eklips,

    0 votes
    8 answers

  18. Png24 и opacity

    Есть такая проблема: Если есть слой с полупрозрачностью (png24) и к нему применить CSS-прозрачность (opacity) - в IE полупрозрачные области становятся тёмными. Может я чего-то не знаю? Как решить данную проблему? Это первый вопрос =) Для удобства - тестовая страница: http://tarik.kasperovich.ru/test_16/filters.html P.S. Слева - без CSS-прозрачности, справа - с ней. Смотреть в IE. Спасибо.

    Asked by DjTarik,

    0 votes
    9 answers

  19. не правильно работают слои

    Помогите пожалуйста. Мучаюсь со слоями. У меня есть html <!-- ./skins/tpl/catalogue/unit.tpl begin --> <link type="text/css" rel="stylesheet" href="style.css" /> <div id="unit"> <div id="unit_pic"> </div> <div id="unit_name"> 123 </div> <div id="unit_description"> dfhxnj fkj fykfgj dtjegzdgsd sg sdg hs f hry wdsrh erhv </div> <div id="unit_cost"> cost </div> </div> <!-- ./skins/tpl/catalogue/unit.tpl end --> И есть CSS #unit { height: 100px; width: 500px; border:1px solid; background-color: #FFCC99; } #unit_pic { height: 94px; wi…

    Asked by kent666,

    0 votes
    9 answers

  20. Слой лезет поверх вышестоящего

    Подскажите пожалуйста, в чем проблема. bottom лезет на main. Вот код: <div class="main"> <div class="content"> ТУТ ВСЕ <!-- end .content --></div> <div class="rightcolumn"> ТУТ ПРАВАЯ ЧАСТЬ <!-- end .content --></div> <!-- end .main --></div> <div class="bottom"> <!-- end .bottom --></div> .main { width: 1080px; border: solid #fff 1px; padding: 1px 0px 0px 0px; } .content { float:left; border: solid #F00 1px; width:828px; } .rightcolumn { float:right; border: solid #000 1px; width:248px; } .bottom { width: 1080px; height:40px; border: solid #0F0 1px; ba…

    Asked by antonzol,

    0 votes
    1 answer

  21. onClick

    Когда инпут расположен между тегами <form> онклик не работает (почемуто) а когда просто без тега форм все работает как сделать чтоб онклик работал в тегах форм?

    Asked by T@NKIST,

    0 votes
    5 answers

  22. Каким образом верстать сайт такого типа?

    Верстаю в первый раз, прочитал про вёрстку div-ами, но там только про "резиновые сайты", хочу фиксированный с вот такой структурой. Структура, думаю, стандартная, но не могу найти как сделать... Кстати, у дивов углы закругленные в макете.

    Asked by Temateee,

    0 votes
    5 answers

  23. Блочная вёрстка + wordpress

    Есть сайт http://uchkollektor26.ru/. Стандартный двухколоночный шаблон <div class="head"> Шапка </div> <div class="wrap"> <div class="sidebar" style="float:right;width:200px"> Содердимое боковой колонки </div> <div class="main" style="margin-right:220px"> Основное содержимое </div> </div> <div class="footer"> Туфли </div> вопрос - при каких условиях содержимое боковой панели может влиять на отображение основного сожержимого. Причина вопроса: На вышеуказанном сайте при добавлении товара в карзину, основное содержимое, начиная со второго товара, съезжает вниз. Валидцию проходит ругаясь…

    Asked by leonid26,

    0 votes
    5 answers

  24. Про *

    Здравствуйте. Где-то здесь на форуме ругали конструкцию а-ля * { margin: 0; padding: 0; } Одно я запомнил точно - это плохо. Но есть вопрос: а можно ли использовать * к примеру вот так? #header * { color: #abc; } <div id="header"> <h1>Заголовок сайта</h1> <p>Что-то там</p> <span>Еще раз что-то там</span> </div> Т.е. задавать единое свойство для всех элементов внутри определенных тегов. Имеет смысл использовать такой способ? И аргументы "за" и "против". Извиняюсь, если вопрос примитивный или уже где-то был

    Asked by web-monster,

    0 votes
    9 answers

  25. Плавающие блоки

    _http://sko.10401.aqq.ru Чо-то я туплю. См. блок под менюшкой. Почему article.post (зелёная рамочка) не сдвигается вверх?

    Asked by Gaspode,

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