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. помогите с кнопкой

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

    Asked by yujin11,

    0 votes
    10 answers

  2. 2 колонки див

    в блоке есть два блока,в которых также есть блоки. Так вот,проблеммо собственно в том, что при добавлении в левый блок блока с большой высотой растягивается и правый блок,а мне нужно,чтоб только левый тянулся, а правый оставался неизменным вот код html <!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>LugOS - интернет магазин</title> <link rel="Stylesheet" type="text/css" href="style.css"/> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> </head&…

    Asked by olejan,

    0 votes
    4 answers

  3. Проблема с hover в mozilla FF

    Всем привет! кусок кода html <div id="hor-navi" class="moduletablemenu"> <ul> <li> <a href="Здесь ссылка"><span>Главная</span></a> </li> </ul> </div> и кусок кода css .moduletablemenu { margin-top: -20px; text-align: top; background: url('../images/menu.png') bottom left no-repeat; } .moduletablemenu ul { list-style:none; margin-left: 30px; } .moduletablemenu li { float: left; height: 24px; font: 17px Arial; padding-left: 28px; text-decoration: none; } .moduletablemenu li a span { cursor: pointer; display: block; colo…

    Asked by divinorum,

    0 votes
    11 answers

  4. Пространство между двумя картинками

    Добрый день! Вопрос скорее всего элементарный, но меня на нём заклинило. Почему между двумя картинками появляется пустое пространство: пример?

    Asked by Zeboton,

    0 votes
    11 answers

  5. div за курсором

    Здравствуйте, дорогие участники форума. Помогите осуществить замысел. Первая из проблем, с которой я столкнулся при реализации замысла такая: У меня есть div-блок: div.panel { position: absolute; z-index: 0; width: 100%; height: 150px; } Как вы видите, этот блок растянут по ширине, с высотой 150px. Мне нужно сделать так(видимо, с помощью javascript): Чтобы этот div блок следовал за курсором мыши. Независимо от горизонтального передвижения курсора. Помогите, заранее благодарен.

    Asked by f1nik,

    0 votes
    10 answers

  6. Рамки таблицы в Опере при direction: rtl.

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

    Asked by swetlana,

    0 votes
    6 answers

  7. Фиксированный макет сайта 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

  8. Как сделать DIV-подвал НЕ фиксированной высоты

    Нужно сделать подвал, прилепленный к низу страницы. Но есть особенность: подвал должен растягиваться по высоте в зависимости от контента. Во ВСЕХ найденных мною примерах верстки блочных подвалов, прилепленных к низу страницы, используются подвалы с заранее заданной высотой. А как быть, если высота заранее не известна? Вот пример на основе таблицы. <HTML> <BODY> <STYLE> html,body {height:100%;} </STYLE> <TABLE cellpadding=0 cellspacing=0 height=100% width=100%> <TR> <TD bgcolor=pink> Page content...<BR>111<BR>222<BR>333 </TD> </TR> <TR> <TD bgcolor=yellow id=footer style="height:…

    Asked by Flex25,

    0 votes
    4 answers

  9. hover в firefox'e

    Товариши! Кто-нибудь может мне объяснить почему вот это код не работает в фаержопсе?! <html> <head> <style type="text/css"> .hvr a:hover { background: #786b59; } .hvr:hover { background: #786b59; } </style> </head> <body> <div class='hvr'><a>text 1</a></div> <div class='hvr'>text 2</div> </body> </html> ховер работает только для ссылки, во всех остальных браузерах и там и там. как такое возможно??!!

    Asked by bioz00,

    0 votes
    8 answers

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

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

    Asked by andyp,

    0 votes
    3 answers

  11. <table> <li>

    Видел на сайте горизонтальное раскрывающееся меню, где, как я понял, используется <table> внутри <li>. Вот только не разобрал - со скриптом или без, но пока это не важно. Как вообще правильно использовать сию комбинацию и существуют ли какие-либо тонкости? Уж больно функционально-удобно такое меню, да и красиво. Просветите пожалуйста, если кто в курсе. Заранее благодарен. И параллельно ещё один вопрос - можно ли засунуть всю такую композицию в таблицу не используя div-ы? Я полагаю, что да, но...?.

    Asked by GennadiAG,

    0 votes
    4 answers

  12. И снова позиционирование)

    Вобщем вот скрин: Создаю сайт в системе uCoz,есть тег $BODY$ и есть меню ввиде кнопок (Главная,новости,игры) После того как создаю пост или новость неважно,эти кнопки смещаются все ниже и ниже, каким образом мне их зафиксировать на одном месте + кросбраузерность... Код кнопок <div style="margin:0 auto;margin-top:310px;"> <a href="/" style=""><div class="home">Главная</div></a> <a href="/" style=""><div class="news">Новости</div></a> <a href="/" style=""><div class="game">Игры</div></a> </div> Код CSS к ним: .home {background:url('/img/home.png') no-repeat;height:60px;width:60px;padd…

    Asked by Vladinho,

    0 votes
    3 answers

  13. Правильная верстка?

    Заранее извиняюсь: название темы не полностью раскрывает суть вопроса. Так как у меня нет 30 сообщений и я не могу писать в раздел "Обсуждение работ" решил выложить ссылку здесь. http://www.z159113.infobox.ru Сайт-визитка с гостевой книгой(можно и даже нужно туда писать). Хочется услышать здоровую критику. Особенно интересует мнение по цветовому решению, расположению элементов и кроссбраузерной работе сайта. Есть одна проблема со скриптами под Осликом. Заранее спасибо =)

    Asked by Safronik,

    0 votes
    4 answers

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

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

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

    Asked by yujin11,

    0 votes
    12 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. Два блока(div) заданной шириной рядом по горизонтали + текст обтекает только один блок

    Здравствуйте! Вот здесь на сайте есть такой пример - http://htmlbook.ru/faq/kak-razmestit-dva-sloya-po-gorizontali. Мне хотелось бы сделать, чтобы текст внизу "Duis te feugifacilisi..." шел сразу под желтым блоком, а при увеличении содержимого серого, обтекал бы серый. Да, и самое главное, чтобы сохранилось у серого блока "прилипание" левого края к желтому при растягивании ширины браузера, т.е. float: right; для .layer2 не совсем подходит. Кто-нибудь знает, как это реализовать блоками, может по-другому сверстать нужно? Вот картинка, как должно выглядеть:

    Asked by Rossi25,

    0 votes
    6 answers

  18. Поблема с работой в 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

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

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

    Asked by 1284metra,

    0 votes
    22 answers

  20. IETester - За и Против

    Вопрос к тем, кто пользуется IETester'ом для проверки верстки в ИЕ6 и ИЕ7. Сталкивались вы с различием в отображении страницы IETester'ом и реальным браузером? Собственно хочется определится - стоит ли 100% полагаться на IETester? Заранее спасибо

    Asked by VJiK,

    0 votes
    22 answers

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

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

    Asked by darkziman,

    0 votes
    1 answer

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

    Всем доброго времени суток. Просьба помочь, т.к в 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

  23. Верстка

    Привет всем!!! Народ подскажите пожалуйста как сделать что бы при наведении в ссылке текст не смещался в левый верхний угол? вот код: <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

  24. Помогите подобрать шрифт

    Доброго времени суток Уважаемые господа веб-мастеры, а так-же дизайнерам и начинающим мой хеллоу! Попал в руки шрифт Swis721 BT , но вот беда, не понимает кириллицу, отображается иероглифами если на русском писать. Подскажите рабочую альтернативу для кириллического пожалуйста. P,S, вкладываю так же картинку с этим шрифтом, в действии так сказать П.П.С. Дайте пару названий похожих шрифтов.

    Asked by xlife,

    0 votes
    8 answers

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

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

    Asked by GaDiV,

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