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. Рамки таблицы в Опере при direction: rtl.

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

    Asked by swetlana,

    0 votes
    6 answers

  2. Хак для всех IE

    Существует ли css-хак, чтобы изменения коснулись IE всех версий? Условные комментарии использовать нельзя.

    Asked by wildhind,

    0 votes
    12 answers

  3. помогите с кнопкой

    Всем доброго времени суток. Помогите пожалуйста начинающему верстальщику. И так, суть проблемы: есть нарисованная картинка (кнопка без текста), хочу сделать её ссылкой, к примеру "Домой". Да так, что бы ссылкой была не только надпись внутри кнопки к примеру (<a href="#">Домой</a> в этом случае ссылкой будет надпись, а картинка (кнопка) будет как бекграунд), а ссылкой была вся кнопка + надпись "Домой" и так, что бы при изменении позиции кнопки, текст ссылки "Домой" (или любой другой) изменялся вместе со всей кнопкой. Т.е как бы кнопка - это контейнер ссылающееся на какую либо страницу и внутри неё находится описание этой ссылки к примеру ("домой" или "подробне…

    Asked by yujin11,

    0 votes
    10 answers

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

    Есть следующие блоки: http://lob1.ru/examples/block/1/ Вопрос: как сделать, чтобы было http://lob1.ru/examples/block/2/, но при этом высота блока будет неизвестна?

    Asked by Lob1AV,

    0 votes
    22 answers

  5. modernizr VS html5.js? Кто лучше?

    Всем доброго времени суток. С появлением нового HTML5 встал вопрос а его кроссбраузерности. Увы, так уж сложилось, что многие пользователи пользуются мягко выражаясь (древними) браузерами такими как всеми нелюбимый IE8. Но худа без добра не бывает, и на свет появились такие полезные скрипты как modernizr и html5.js. И тут появляются вопросы: что лучше и практичней? С чем легче всего и правильней работать дабы прелести современной вёрстки не гинули в пучине древних браузеров, и даже там радовали глаз создателя. И так, что же лучше modernizr или html5.js?

    Asked by yujin11,

    0 votes
    12 answers

  6. Поблема с работой в Safari

    Всем привет. Столкнулся с такой проблемой, не работает смена цвета фона в сафари, в <div id="block">BLOCK</div> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <style type="text/css"> #block{ margin:auto; width:200px; height:100px; text-align:center; line-height:100px; border:solid 1px; background-color: #b5ff71; } </style> <script type="text/javascript"> function red() {document.getElementById("block").style.backgroundColor="red"} function blue() {document.getElementById("block").style.backgroundColor=…

    Asked by profmodder,

    0 votes
    2 answers

  7. Повышение квалификации. Критика

    Здравствуйте. Нужен разбор нижеследующего кода. Не ахти какая сложная вёрстка, нужно узнать что же я наверстал на самом деле . Данный код представлен как строгий xhtml 1.0, но я не вижу причин, по которым он не мог бы корректно отображаться в IE6 или как HTML 4-5 (естественно, придёться подкорректировать некоторые "лишние" мелочи например самозакрывающиеся тэги). Где можно толково почитать про вёрстку под CMS: Joomla, Wordpress и т.д. Со временем собираюсь выложить сюда шаблоны под них тоже. Ссылка: http://rat-worker.ucoz.ru Очень хочу сориентироваться. Спасибо.

    Asked by RatWorker,

    0 votes
    3 answers

  8. Пара скругленных углов

    Уважаемые, подскажите как сделать выборочное скругление углов у блока? А именно верхний левый угол и нижний правый. Я решения пока не нашел. Буду крайне признателен за информацию. Блок должен быть фиксированным по ширине и тянуться по высоте.

    Asked by Goldie,

    0 votes
    8 answers

  9. Кодировка

    Пытаюсь освоить CMS MODx, хотя и фундаментальных знаний пока не хватает. Вопрос вот в чем: В настройках CMS указана кодировка utf8, в коде страницы тоже utf8 <!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" xml:lang="ru" lang="ru" dir="ltr"> <head profile="http://gmpg.org/xfn/11"> <title>Realistic</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta http-equiv="imagetoolbar" content="no" /> <link rel="stylesheet" href="/assets/templates/var2/styles/layout.css" type="text/css" /> &…

    Asked by inok,

    0 votes
    6 answers

  10. форма поиска с выбором поисковой машины

    Здравствуйте, хочу спросить Вас о том как сделать форму для поиска, чтобы было только одно текстовое поле, список поисковых машин и одна кнопка. Всё это в одной форме. В интернете нашел как создавать отдельную форму для каждой поисковой системы, то есть для каждого поисковика отдельное поле, отдельная кнопка. Надо только HTML. Список, кнопку, текстовое поле создать умею, а вот как заставить передавать запрос на нужный поисковик не знаю, подскажите как это реализовать !?

    Asked by darkziman,

    0 votes
    1 answer

  11. замена адреса в ссылке

    Всем доброго времени суток. Просьба помочь, т.к в js вообще тока начал разбираться, пока для меня тёмный лес. На странице грузится картинка, при наведении на нее мышкой появляется окно с картинкой только уже большой <a name="bigImg" href="/goods/man/big/foto-1.jpg" class = "cloud-zoom" id="zoom1" rel="adjustX: 20, adjustY: -95"> <img name="shirt" src="/goods/man/smoll/foto-1.jpg" title="" alt="" /></a> Мне через select нужно менять эти картинки, делаю так HTML для формы 1 <select size="1" name="color" onChange="changeShirt(this.form)"> 2 <option value="white"> белый</option> 3 <option value="red"> красный</option>…

    Asked by vadim525,

    0 votes
    1 answer

  12. png IE 6 table fix

    hi! Знаю что в инете море решений, но не где нет описания как фиксить png в table! Помогите решить проблему png прозрачности в ИЕ6 Нужно чтобы png идущии background-ом c repeat в table, а конкретнее в td фиксился. Попробовал ВСЕ!!! - фильтры - DD_belatedPNG - jQuery pngFix - behavior: url("pngbehavior.htc"); НЕ ПАШЕТ example http://hyp.gendalf.tmweb.ru/html/ Кто сталкивался с png прозрачностью именно для table, кто знает решение!?(для других html узлов все ок, все пашет)

    Asked by medium,

    0 votes
    5 answers

  13. Как застаить понимать HTML5 все браузеры?

    Интересует корректное отображение даже в древнейшем IE5. Есть ли способ заставить их понимать всё богатство HTML5?

    Asked by 1284metra,

    0 votes
    22 answers

  14. Значения атрибутов в HTML5 и кавычки

    HTML4 был приложением SGML и опускать кавычки вокруг значений атрибутов можно было только тогда, когда значения атрибутов не содержали других символов, кроме буквенно-цифровых, точки, тире, двоеточия, знака подчеркивания. В черновом варианте HTML5 от 13.01.2011 говорится: То есть допускаются любые символы, кроме: " ' ` = < или >. Хорошо, создаем валидный HTML5 документ, потом в значение какого-либо атрибута добавляем любой другой из вроде бы допустимых символов и опускаем кавычки. Согласно черновику HTML5, документ должен остаться быть валидным, но validator.w3.org говорит невалидный документ! Так где допущена ошибка на validator.w3.org или в черновом варианте HTM…

    Asked by andyp,

    0 votes
    3 answers

  15. Верстка

    Привет всем!!! Народ подскажите пожалуйста как сделать что бы при наведении в ссылке текст не смещался в левый верхний угол? вот код: <div class="menu" > <div id="bl_1"><a href class="tek"="#">Наименование</a></div> <div id="bl_2"><a href class="tek"="#">Мозаика</a></div> <div id="bl_3"><a href class="tek"="#">Материалы</a> </div> CSS .tek{ position: absolute; margin-top:5px; font-size: 12px; text-decoration:none; margin-left:5px; font-weight:bold; } .menu #bl_1 a:hover{ background:url('../images/bl_1_hover.GIF'); margin-top:1px; width:197px; margin-left:0px; height:30px; color:#FFFFFF; positio…

    Asked by Unger,

    0 votes
    16 answers

  16. IE 7 и список

    Здраствуйте, возник странный баг в IE 7.Как всегда два скрина - http://habreffect.ru/files/1e4/1ef1a9daa/Безымянный.png - - - IE 7 - http://habreffect.ru/files/910/c0fe69e45/Безымянный.png - - - IE 8 Как мы видим у нас в IE 7 появлаеться отступ справа, из за етого изчезает пункт реклама. Немножко кода #speedbar { background: url('../images/speedbar-bg.png') repeat-x; height: 65px; } .speedleft, .speed-menu, .speed-menu ul, .speed-menu ul li, .speedright, .speed-search { height: 59px; } .speedleft { background: #069ac8 url('../images/speedbar-bg.png') repeat-x; border-bottom: 1px solid #84d7e9; border-right: 1px solid #0e5e74; float: left; width: 58.8%; } …

    Asked by Mr.Black,

    0 votes
    4 answers

  17. Фиксированный макет сайта 2012

    Меня интересует фиксированная ширина главной колонки сайта с текстом, ориентируясь на 2012 год? Подробнее Сегодня март 2011 – в магазинах продают в основном мониторы размером 1330пх и шире. сегодня статистика разрешений экрана в интернете - 1280x1024+ 48% 1024x768+ 23% 1440x900+ 19% 2560x1440 - 0,3% 800x600 - 1,5% Глядя на это напрашивается ширина фиксированного сайта 960-980 или 1200-1220 пх. С этим ясно, но дальше я сомневаюсь. Меня интересует ширина главной колонки с текстом. Какую нужно выбрать, чтобы приятно, для глаз, было читать на разных мониторах? И какой выбрать размер шрифта? У меня мониторы 1024x768 и 1440x900, поэтому как смотрится на боле…

    Asked by AleksejR,

    0 votes
    4 answers

  18. как передать $_POST[] через select

    Что имеем: index.php <form method="post"> <select name="newcat" onchange="self.location.href=this.form.newcat.options[this.form.newcat.selectedIndex].value;"> <option value="">Быберите действие</option> <option value="show.php">показать</option> <option value="hide.php">скрыть</option> <option value="delete.php">удалить</option> </select> <input type="checkbox" name="Del[]" value="1" /> 1 <br /> <input type="checkbox" name="Del[]" value="2" /> 2 <br /> <input type="checkbox" name="Del[]" value="3" /> 3 <br /> <input type="checkbox" name="Del[]" value="4" /> 4 &l…

    Asked by kukurikan,

    0 votes
    9 answers

  19. Наследование из других классов

    Есть стиль для таблиц общий /* Tables */ table { line-height: 18px; margin: 0 0 22px 0; text-align: left; padding: 0 5px; width: 100%; border-collapse: collapse; } caption { text-align: left; font-size: 20px; padding-bottom: 10px;} th, td { padding: 5px; } td { font-size: 12px; } td#next { text-align: right; } Во втором коде перекрываю с помощью !important стили таблиц, чтобы карта нормально отображалась #YMapsID table {border:none; width:270px; margin:0 !important;} #YMapsID th, td, tr { padding: 0px; border:none !important; } Но при этом это влияет на общий табличный стиль, так как он начинает думать, что стили для карт важнее собственных. Если сделать наоборот, т…

    Asked by acornwalle,

    0 votes
    3 answers

  20. Размер шрифта

    В процессе резиновой вёрстки возник вопрос: Возможно ли,что бы при увеличении разрешения экрана увеличивался и текст? Если да, то каким образом это осуществить?

    Asked by GaDiV,

    0 votes
    12 answers

  21. Разная толщина шрифта в браузере и photoshop

    Здравствуйте, уважаемые коллеги! Дизайнер в макете использовал не совсем стандартный шрифт - "Myriad Pro", и у меня с ним возникли проблемы такого характера: У меня в системе он был установлен по умолчанию, мне не пришлось ничего ставить; В фотошопе если у шрифта стоит толщина regular и none, то буквы совсем тоненькие (см. скриншот) В css-свойствах шрифта для браузера я могу только первый параметр указать (font-weight:normal), и при этом в браузере шрифт выглядит толстым. Если ставить font-weight:bold, он тогда вообще нереально жирным становится. Я поэкспериментировал, и заметил, что в браузере тот шрифт, который для "Myriad Pro" называется font-weight:normal соответсву…

    Asked by worth,

    0 votes
    5 answers

  22. Требуется совет по выпадающему меню

    У меня проблема с выпадающим меню - http://s54.radikal.ru/i146/1103/d5/e8f8e411f32f.jpg При нажатии на ссылку в 1м подменю сразу выпадают все дочерние подменю. HTML: <div id="menu"> <ul class="cat_menu" id="cat_menu"> <li><a href="" class="subcat">Новости</a> <ul> <li><a href="">Мир</a></li> <li><a href="">Видео</a></li> <li><a href="" class="subcat">Горячие новости</a> <ul> <li><a href="" class="subcat">Афиша</a> …

    Asked by Mila,

    0 votes
    5 answers

  23. Растягинуть див

    Есть примерно такая схема сайта Нужно чтобы sidebar растянулся по высоте content, для того чтобы block3 был на уровне нижней границы content. На практике есть дизайн, автор захотел чтобы в block 3 была некоторая контактная информация + ссылка чтобы подниматься вверх <div id="main"> <div class="sidebar"> <div class="block1"> </div> <div class="block2"> </div> <div class="block3"> </div> </div> <div class="content"> </div> </div> Структура вот такая. Как вариант проскакивала мысль с помощью абсо…

    Asked by magiq,

    0 votes
    14 answers

  24. Статический фон сайта

    Я долго пытаюсь, но ни чего не выходит, как сделать так, что бы фон был статическим? Т.е. когда на странице много всего и нужно просмотреть что-то ниже, мы берём вертикальный бегунок и перемещаем ниже, так как сделать так, что бы при перемещении бегунка, фон не уходил вверх/вниз вместе с содержимым сайта, а остовался в том положении на экране, в каком он есть? Подскажите пожалуйста.

    Asked by mr_0003Spy,

    0 votes
    2 answers

  25. CSS3 PIE и overflow: hidden

    Попытка добавить PIE сопряжена с проблемами которые описываются тут. В общем нужно добавить тени на блоки часть которых должна быть спрятана с помощью overflow: hidden, после добавления PIE блоки не прячуться. Там даются решения этой проблемы которые я не понимаю. Кто нибудь решал данную проблему? Нужно: получилось:

    Asked by Pumych,

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