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. Якорь на середину другой страницы

    Привет! Такая задача. Ссылка со страницы должна вести на середину другой. Т.е. должна быть ссылкой, ведущей на якорь на другой странице. Возможно ли без Java сделать?

    Asked by Jadd_NS,

    0 votes
    12 answers

  2. Не рабоотает padding-bottom при float-left для вложенных дивов. Почему?

    Пример кода как нужно: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> .d1 { width: 500px; border: 1px solid #424142; } .d2 { padding: 10px; } .d3 { width: 100px; background: #999999; } .d4 { float:left; width: 100px; background: #555555; } </style> </head> <body> <div class="d1"> <div class="d2"> <div class="d3"> Блок 1 </div> </div> </div> </body> </html> Только внутри мне нужно вложить …

    Asked by Semreg,

    0 votes
    3 answers

  3. Проблема с дивной таблицей в ИЕ

    Всем доброе утро. http://beavers-net.narod.ru/schedule.html сделал там Див'ную табличку( ввиду криворукости просто табличку я сделать не смог - мозг завернулся в бараний рог еще на второй строчке), но понятно дело возникли проблемы с отображением. Первая и наиболее неприятная - ИЕ как-то переколбасил всю табличку и на неё стало страшно смореть. Я бы сам, конечно, пофиксил, если б хотя б имел представление о причине. Второй баг - Основной див( class="tabl" ) не хочет растягиваться на своё содержимое. Впрочем вот тут только ИЕ и показывает резиновый див. Стили к табличке в самом низу файлика style.css Заранее спасибо. С ув. Олег.

    Asked by tt48,

    0 votes
    13 answers

  4. CSS-меню со ссылками и IE 7/8

    Здравствуйте! Есть сайт, на сайте есть выпадающие меню-таблицы с ссылками (кнопочки ). В IE 7, IE 8 на ссылки нажать нельзя — при подведении мыши к ссылке табличка сразу закрывается. КАК ЭТО ИСПРАВИТЬ? Меню реализовано через CSS: a { color: #000; background: url(pic.gif) no-repeat right top; padding-right: 10 } a:active, a:hover { text-decoration: underline } a:link, a:visited, a.menu:hover { text-decoration: none } .menu a { color: #03C } .menu a { background: none; padding-right: 0 } a.menu { display: block; width: 16; height:16; background: url(dn4.gif) no-repeat right top } a.menu span { display: none } a.menu:hover { display: block; position: relative; font-size:…

    Asked by Hedron,

    0 votes
    8 answers

  5. Двухмерная сетка (таблица) на плавающих div'ах.

    Здравствуйте. Сел верстать галерею на div'ах, цель - 100% "прорезиненность" страницы, когда превьюшки, описания и прочая инфа, расположенная внутри плавающего div'а при недостаче места по горизонтали меняет ряд, редюцируя таким образом кол-во колонок в сетке. Все прекрасно, пока высота содержимого всех div-блоков с превьюшками равна, но если нет - с двухмерностью можно попрощаться. Покажу на упрощенном примере: <html> <head> <style> .image { position: relative; font-size: 40px; background-color: red; width: 200px; margin: 10px; float: left; text-align: center; vertical-align: bottom; } </style> </he…

    Asked by InterWen,

    0 votes
    2 answers

  6. Простой шаблон

    Решил сделать минимальную ширину под 1000px. Но слои расползаются. В идеале хочу получить сайт шириной в 1000px находящийся в центре экрана. При любом расширении больше 1024. HTML body { background-color: #FFF5EE; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; min-width: 1000px; margin: 0px; padding: 0px; } .container { width: 1000px; text-align: center; } .left { background-color: #FFE4C4; width: 200px; height: 50px; margin: 0px; float: left; text-align: center; } .center { background-color: #FFE4C4; width: 584px; height: 50px; margin: 0px 200px 0px 200px; text-align: center; } .right { background-color: #FFE4C4; width: 200px; height: …

    Asked by Ururu,

    0 votes
    8 answers

  7. index.jspa

    На htmlbook как и на многих других сайтах (почему то в основном буржуйских), вижу это index.jspa. Интуитивно догадываюсь, но нормального мануала по jspa именно на русском не встретил, может есть что? Справочников на инглише полно, но для буратины русский доступнее. Чтоб понять в общем плане ))

    Asked by Ururu,

    0 votes
    14 answers

  8. высота дива по вертикали - всё что осталось на странице

    Привет всем! Есть задачка - реализовать следующий каркас: Есть див - 95 px по высоте. Надо создать под ним второй, который бы занял 100% оставшегося места. Реализую следующим образом: <style> html, body {margin:0; padding:0;} #one{width: 100%; height:95px;} #flashcontent{width:100%; height:100%;} </style> Но не получается!Див становится 100% относительно <body>(насколько я понимаю). Т.е. появляется скролл!А этого быть не должно! Ещё одна проблемка кроется в том, что во второй див встраивается флеш элемент, который тоже должен правильно позиционироваться(т.е. он тоже имеет размеры 100% по вертикали и должен чётко растягиваться по диву). Вот полный код ст…

    Asked by Cueball,

    0 votes
    4 answers

  9. Опять или снова, проблема с IE6.

    Размножение контейнеров это по части ie6 Контейнеров <div id='b'> насчитывается 12 через ctrl-u, как и полагается, так от куда берутся дубликаты снизу? Слева скрин из ie6: А справа скрин из остальных браузеров. Я знаю, что тут обитают опытные верстальщики. Пожалуйста, поделитесь мудростью борьбы с этим чудо ie6. Больше всего меня убило то, что левый div в первом контейнере расположен нормально, а в остальных нет. Контейнеры посторяются в цикле, черезе PHP. Это контейнеры окантовки: #top {width:89%;height:10px;position:absolute;top:-11px;left:11px;background:url(i/b/t.png);repeat-x 0% 0%;} #bottom {width:89%;height:10px;position:absolute;bo…

    Asked by Beck,

    0 votes
    2 answers

  10. флоаты

    Добрый всем день. Вот хочу что бы вы поделились опытом верстки. есть к примеру три блока у которых стоит (float:left; и какая то ширина), что нужно сделать что бы блок который идет следующим нормально отображался? я делаю так: - или делаю этим блокам обвертку и прописую такие стили overflow:hidden; ( height:1%; width:100%; в зависимости что удобней; - или следующему блоку clear:both; кто ещё какие способы знает?

    Asked by mini,

    0 votes
    5 answers

  11. проблема с картинками

    Добрый день, Гуглил целое утро по CSS, но не смог решить проблему, помогите пожалуйста: У меня есть в <td> </td> 2 картинки, которые в будущем должны работать, как кнопки. Но проблема в том, что по умолчанию, если я их вставлю, есть пробел между ними. Я думал проблема с отступом ( padding ), но пробывал, не получилось. Вот сама проблема: Код такой: <td id="tab1"> <img src="./btn1.jpg"> <img src="./btn2.jpg"> </td> Мне нужно, чтобы между данными картинками не было ни каких пробелов. Заранее спасибо,

    Asked by brightstar,

    0 votes
    10 answers

  12. Список, появляются отступы

    Здравствуйте! Хочу сделать список. Между элементами списка хочу вставить полоски. Но не границами, а именно отдельными элементами. Пробую несколько вариантов, но в IE7 ни один корректно не отображается ((( HELP! HELP! HELP! В FF и Опере работают 2 варианта. Но в них, если задана картинка в списке, он слетает. Как это сделать нормально?? <!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" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title></title> <style type="t…

    Asked by YanaSt,

    0 votes
    6 answers

  13. нужна помощь в css

    почему эта менюшка в браузерах по разному смотрится?? #menu_it { font-size: 0.95em; height:2.8em; color: #000; width: 568px; float:right; } #menu_it a { display:block; float:left; color: #003388; background-color: #fff; text-align:center; padding: 8px 18px; margin-right: 2px; } #menu_it a:hover { color: #FFA500; background-color: #f5f5f5; } /* Header */ #header { width: 1024px; height: 335px; margin: 0 auto; background: #FFA500 url(images/header2.jpg) no-repeat left top; } т.е. в IE видиться сверху header? а в Mozilla, Ghrome, Opera - внизу header/

    Asked by ask1503,

    0 votes
    7 answers

  14. Firebug во всех браузерах

    Хочу поделиться с народом полезной штукой, а точнее одним кодом, всего в одну строку, благодаря которому Firebug будет работать и появится во всех браузерах, где работает JS (а значит даже в ИЕ6) Конечноже он не такой крутой, как Firebug в ФФ, но всё же позволяет искать нужные блоки и править в них код и вообще в любом случае окажется полезным при вёрстке и отлаживания сайта в разных браузерах <script type='text/javascript' src='http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js'></script>

    Asked by psywalker,

    0 votes
    11 answers

  15. Учусь. Есть вопросы - некому ответить. Конкретный пример.

    Здравствуйте. Я только недавно заинтересовался и занялся версткой. Сверстал несколько несложных макетов и решив, что я много знаю пошел на один форум и предложил верстку за отзыв. Мне прислали макет, который я прилагаю ниже и я немного обломался, поскольку увидел несколько моментов, которые незнаю как преодолеть. Я очень надеюсь, что Вы поможете мне и всё будет хорошо Вот сам макет: Собственно я не хочу чтобы Вы описывали мне весь процесс. У меня проблемы со всем что касается изображений - как быть с фоном, как быть фотографией и как быть с узорами?

    Asked by iminkognito,

    0 votes
    1 answer

  16. Еще одна задачка

    <style> #content:after { // чтобы родительский блок принимал высоту наибтольшего находящегося в нем ребенка content: ""; display: block; clear: both; } #content { position: relative; // задаем относительное позиционирование, чтобы div.neighboor выравнивался относительного него } #left { float: left; width: 50%; height: 300px; // в этом блоке выводятся статьи, поэтому высота может быть разной } #right { float: right; width: 50%; } #right div.garbage { height: 100px; // здесь выводятся последние новости, поэтому высота тоже может быть разной } #right div.neighboor { position: absolute; bottom: 0; } </style> <div id="content"> <div id="left">…

    Asked by lavr-ik,

    0 votes
    6 answers

  17. картинка всегда по центру

    Как разместить некоторый рисунок так, чтобы он всегда, на любом нарзрешении монитора, был посередине экрана ?

    Asked by revresbo,

    0 votes
    6 answers

  18. Количество тегов <h> странице

    Добрый день! Неоднократно встречал утверждения о том, что количество слов выделенных тегами <h...>, <strong>, <b> на странице не должно превышать 2-3. Выделять этими тегами можно только ключевые слова. В противном случае - исключат из базы данных поисковой системы. Сначала считал это бредом, но после неоднократного упоминания на разных форумах начал сомневаться... Хотелось бы узнать ваше мнение?

    Asked by Чебурашка,

    0 votes
    100 answers

  19. Как унифицировать?

    Есть пхп мониторинга игрового сервера http://diesel.lubernet.su/MiniMon/?IP=85.2...&port=29900 Реализовано наложением картинки количества игроков на картинку с названием карты. Однако в разных ситуациях картинка с количеством игроков оказывается на разных координатах... Например: Опера - по ссылке все нормально, а в айфрэйме: Мазила - по ссылке норм, в айфрэйме норм. Эксплорер по ссылке: в айфрэйме: Сафари - по ссылке норм, в айфрэйме норм. Фрейм используется вида: <div> <iframe name="cwindow" frameborder="0" width=220 height=40 background= "transparent" scrolling="no" src="http://diesel.lubernet.su/MiniMon/?IP=85.21.249.207&port=29900"></ifram…

    Asked by Antieverything,

    0 votes
    5 answers

  20. Что не так со слоями?

    Пока не разбирал страничку на php для читаемости (более менее). Собрал слои в кучу, вроде все как нужно, но смутные сомнения не дают покоя )) Для равномерного растягивания во высоте, делил опять же слоями с высотой в 1px (футер не прибивал). Другого способа не знаю. В общем вот http://ubhra.ru/ Очень хочется услышать ваше мнение именно по divам. Может как то иначе можно... Спасиб ) П.С. Еще хостер не дает индексировать xhtml ..... только php, html и shtml. Вылезают ошибки валидатора (кнопки внизу обе, на (html и css). П.П.С Индексировал.. Пригляделся к ошибкам, они js, все поправимо ))

    Asked by Ururu,

    0 votes
    2 answers

  21. Вопрос цвета

    Доброе время суток, суть моей проблемы в том, что нарисовав шаблон, заметил что html,css не потдерживает все цвета, и обычный способ задать цвет #545454 ломает всю цветовую гамму, можно ли это както обойти? Как то бродил по интернету увидел очень красивый дизайн и заглянул в css, так вот там цвет задавался через RGB, может это выход? И ещё вопросик если html потдерживает не все цвета то допустим я сделаю рисунок 1х1 и залью им бэкграунд, я получу оригинал или же нет?

    Asked by svdsLis,

    0 votes
    1 answer

  22. формы -личная страничка у зарегестрируещего

    ПРИВЕТ ВСЕМ Я НОВИЧОК ,МНЕ НУЖНА ВАША ПРОФИСИОНАЛЬНАЯ ПОМОЩ, НАДЕЮСЬ НА ВАШ ЧЁТКИЙ ОТВЕ В МОЁМ ВОПРОСЕ ,Я НАЧАЛ ИЗУЧАТЬ САЙТОСТРОИТЕЛЬСТВО ИЗУЧИЛ "HTML" СОЗДАЛ INDEX.HTML ТОЙ ФОРМОЙ КОТОРАЯ ТРЕБУЕТ МОЙ САЙТ ,СОЗДАЛ НЕСКОЛЬКО СТРОНИЧЕК И СТРОНИЧКУ С ФОРМАМИ ПОД ЗАПОЛНЕНИЯ К РЕГИСТРАЦИИ ,МОЙ ВОПРОС -ПОСЛЕ РЕГИСТРАЦИИ КЛИЕНТА НА МОЙ САЙТ ДОЛЖНА ОТКРЫВАТСЯ ЛИЧНАЯ СТРАНИЧКА КАК ЭТОГО ДОБИТСЯ(понятно сперва мне нужно зарегистрировать ДОМЕН нужен ХОСТИНГ ,ДВИЖОК ,АДРЕСНАЯ КНИГА). Да тема немаленькая,но я думаю ВАМ ПРФИСЕОНАЛАМ объяснить и подсказать ПУСТЯК и я уверен что многие ВАШИ ответы многих заинтересует на ФОРУМЕ

    Asked by leoleo,

    0 votes
    8 answers

  23. Проблема с ссылками

    Такая вот проблема. Применяю стиль к ссылке. ссылка в нормальном состоянии работает нормально, при наведении на нее не происходит того что должно происходить, а именно должно убираться подчеркивание. Вот код. a.news:link { font-family:tahoma; font-size:14px; color:#666666; text-decoration:underline; } a.news:hover{ font-family:tahoma; font-size:14px; color:#666666; text-decoration: none; }

    Asked by andrey_94,

    0 votes
    7 answers

  24. Растяжение фона в блоке

    Здравствуйте, Посередине окна браузера есть маленькое окно с полосой прокрутки, в котором нужно растянуть полупрозрачный фон на всю высоту окна. (Чтобы при прокрутке фон не обрезался посередине окошка). Background:repeat-y; height:100%; - не помогает. Посоветуйте, plz!

    Asked by comb,

    0 votes
    1 answer

  25. как убрать крайний бордер ?

    на странице блок расположен списком , как убрать левый бордер у списка? Ссылка на jpeg : http://itrash.ru/idb/f3ab5cd36ef491cb21bb9...9-20_210334.png CSS .project { position:relative; float:left; width:100%; height:320px; margin-top:35px; } .project ul { list-style:none; margin:0 5px; padding:0; overflow:hidden; display:block; position:absolute; } .project ul li { position:relative; display:block; float:left; width:245px; height:320px; border-left:1px black dotted; } .imagePro { position:absolute; width:180px; height:175px; margin:78px 30px 0 33px; } .textProject { position:absolute; border:none; color:#000; …

    Asked by bodr,

    0 votes
    1 answer

  • Обсуждения

    • 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