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. Карты изображений

    Не получается создать крату изображения, хотя бсамую простую. Вот пишу код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <head><title>Карты изображений</title> <meta http-equiv="Content-Type" content="text/html"; charset="Windows-1251"> <head> <body > <table class="karta" border=25 align="center" cellspacing=20 style="border-color:red; border-style:double; border-collapse:collapse; background:yellow; margin-top:60px;"> <tr> <td> <img src="karta.jpg" usemap="#karta" border=20 style="border-color:#ff6633;"> </td> </tr> </table> <p><map name="karta"…

    Asked by people2010,

    0 votes
    1 answer

  2. проблема с height у IE

    Здравствуйте! У меня возникла проблема при создании сайта, с адекватным отображением его в браузерах IE всех версий. Вот код: <html> <head> <meta http-equiv="Content-Language" content="en-ru"> </head> <body> <table border="0" width="100%" cellpadding="0" style="border-collapse: collapse" id="table2"> <tr> <td valign="top" height="16">Текст </td> <td width="220" rowspan="2"> <p> </p> <p> </p> <p> </td> </tr> <tr> <td valign="top">ывфвфывфывфы</td> </tr> </table> </body> </html> Проблема во второй строке, браузер IE…

    Asked by Gronix,

    0 votes
    4 answers

  3. Поведение FF для вложенного div height:100% с вертикальным скролом.

    Все прекрасно работает в IE, Chrome, Opera. А вот файрфокс появляет оконный вертикальный скролл. Как научить FF делать то что мне нужно? А именно: не появлять в моём примере оконные скролы. Нужен только вертикальный скролл на DIV-е. <html> <body> <table width=100% height=100% border=1><tr><td height=200px> верхний </td></tr> <tr><td> <div style="width:100%;height:100%;overflow-y:scroll"> куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста куча текста ... куча текста куча текста куча текста куча текста к…

    Asked by Bitmag,

    0 votes
    11 answers

  4. Кодировка

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

    Asked by Glebr,

    0 votes
    6 answers

  5. IFRAME возмжна ли загрузка карт изобажений находящ

    Скажите, я про IFRAME(плавающий фрейм) возможна ли загрузка карт изображений прямо в плавающий фрейм, толкьо чтоб карты изображений не находились в отдельном файле html? Если да, напишите пожалуйста скромный примерчик, как это может быть возможно.

    Asked by people2010,

    0 votes
    1 answer

  6. Height:100%

    Всем привет. Нарисовал макет, решил сверстать для своего блога. И у меня в макете ширина контента (то есть хейдер и так далее) должны находится посередине и сверху не должно быть отступов. Пробовал многое, в том числе в body писал padding:0;margin:0 и тд. Пожалуйста, помогите решить эту проблему. На скриншоте я думаю всё видно: Заранее благодарю.

    Asked by nikita3334,

    0 votes
    8 answers

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

    проблема такая: говорю ссылке Visited и задаю параметры, но во всех браузерах кроме восьмого ишака при нажатии на одну, все ссылки меняют цвет, вот код HTML: <!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=windows-1251" /> <link href="style.css" rel="stylesheet" type="text/css"> <title>demo</title> </head> <body> <div id="alldiv"> <div id="headdiv"> </div> <div id="mdiv"> <a href="#"> главная </a&g…

    Asked by sv12,

    0 votes
    3 answers

  8. макет 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"> <head> <title>Верстка сайта</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta name="description" content="описание" /> <meta name="keywords" content="ключевые слова" /> <style type="text/css"> * { margin: 0; padding: 0;} body {font: 12px/18px Arial, Tahoma, Verdana, sans-serif;} img {border: none;} #wrapper {margin: 0 auto; min-width: 600px; max-width: 800px; width:expression(document.body.clientWidth < 600? …

    Asked by artylion,

    0 votes
    4 answers

  9. Как прописать стиль для слайдера

    У меня проблема с версткой: на сайте показывается слайд-шоу изображений из постов. На фоне каждого изображения должна появляться прозрачная полоса, на которой будет название поста, из которого выводится картинка. Посмотреть можно здесь http://juice.fsay.net/ajuice/ Слайд-шоу будет вверху страницы, справа. там пока нет изображений, почему то они на этом хостинге не работают - хостинг бесплатный. Но понять, как это должно выглядеть, можно. Проблема у меня с полосой, на которой отображается название поста. 1. При перезагрузке страницы она отображается выше нужного места, а потом, когда страница загрузилась полностью - полоса опускается вниз. В общем, некрасиво дерг…

    Asked by Mila,

    0 votes
    5 answers

  10. Проблема в IE 6 при большом разрешении

    Друзья, помогите. Не могу поймать косяк. Резиновость сайта от 1000 до 1280, 2 колонки, при большом разрешении (более 1280 - сайт расположен по центру экрана). Во всех браузерах всё ОК, кроме IE6, т.е при разрешении большем 1280 левая колонка съезжает за поля и текст исчезает, н оне совсем, а в зависимости от разрешения. Вот код страницы: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Call-центр Телеконтакт - крупнейший call-центр в России по подтвержденным оборотам</title> <link rel="stylesheet" type="text/css" href="css/all.css"> <scri…

    Asked by karevie,

    0 votes
    5 answers

  11. как отцентровать вложеный объект?

    Привет, All! на страничке реализовано выпадающее меню (CSS) перекрывающее flash элемент но столкнулся с тем что теперь не могу отцентровать flash подскажите как правильно это реализовать не удаляя строки <div align="center" style="position:absolute; z-index:1"> <table> ... <tr align="center"><td> <div align="center" style="position:absolute; z-index:1"> <embed src="my.swf" wmode="opaque" /> </div> </td></tr> </table> спасибо

    Asked by ravend,

    0 votes
    5 answers

  12. Несколько вопросов начинающего

    Добрый день! Осваиваю html, сейчас тег form прохожу. Вопрос в следующем: атрибут action выполняет какие-либо действия по нажатию кнопки Submit, так? Я правильно понял, что создавая внутри одного тега form несколько submit'ов, я толком ничего не имею? Все равно по нажатии любого из них будет выполняться то, что написано в action, то есть переход на Google в данном случае? Пример. <form action="http://www.google.ru"> <p>Name<br /> <input type="text" /></p> <p>Password<br /> <input type="password" /></p> <input type="submit" /><p> <input type="checkbox" name="vybor" value="v1"/>Opera<br> <input…

    Asked by Red Planet,

    0 votes
    7 answers

  13. неправильное отображение в IE 6

    <!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>Untitled Document</title> <style type="text/css"> .authorcomment { display:inline; } .comment-time { float: right; } </style> </head> <body> <div> <div> <div class="authorcomment"><span>Nik</span> fool</div> <div class="comment-time">12.03.1685 в 12.51</div> </div> <div">lahlahlah</div…

    Asked by Mal4ishnik,

    0 votes
    6 answers

  14. Проблема с IE6

    Так должно быть (и есть во всех приличных браузерах) - А так происходит в не приличном браузере ИЕ 6 - HTML <!-- content --> <div id="body" class="clearfix"> <div id="leftCol"> <div id="menuUL"> <ul> <li><a href="/">Главная</a></li> <li><a href="/">О нас</a></li> <li><a href="/">Новости</a></li> <li class="current"><a href="/">Меня беспокоит</a></li> <li><a href="/">Прайс лист</a></li&…

    Asked by Eirene,

    0 votes
    4 answers

  15. Звук в формате Ogg Vorbis

    Как внедрить на страницу звук в формате Ogg? Пробовал в Опере и IE - никак не реагируют они на этот формат, тишина. Может, дополнительные кодеки надо в систему или в броузер ставить?

    Asked by Pinguin,

    0 votes
    2 answers

  16. Клоны меню и текста на другие страцици

    Ребята я незнаю как правельно сформировать вопрос.. каждый сайт есть кнопки например: Главная Кантакты ..... так же есть такие элементы котрые будут на каждой странице одни и тежее папример: возмем HTMLBOOK.RU этот логотив одинаков на каждой страницу как сделать так что бы если нужно мне допустим что то изминить оно клонировалась на все другие страницы? может я как то не так обьяснил извиняюсь туговато мне идет все это дело ..... и еще мне нужно что бы это все было HTML то сервер непотдерживает PHP

    Asked by olegubs,

    0 votes
    9 answers

  17. Как провести правильно техническое обслуживание сайта

    Здравствуйте. Подскажите пожалуйста, как правильно проводить технические работы на сайте либо на форуме. К примеру возникла ситуация, когда нужно сменить движок сайта, либо подкорреткировать базу данных, либо еще что-то. В данном случае, обычно делают специальную заранее подготовленную страницу, информирующую о технических работах, и перенаправляют туда всех посетителей через htaccess . А поисковым ботам, отдают ошибку 503, чтобы они не посчитали все страницы за дубль, и не повыкидывали их из индекса. Вот собственно вопрос. Как это осуществить в htaccess. Что нужно прописать, чтобы перенаправить всех посетителей на заранее подготовленную страницу, а поисковым роботам отд…

    Asked by bigferumdron,

    0 votes
    3 answers

  18. подскажите ламеру)

    подскажите плиз html тег для выравнивания текста на всю ширину строки, либо css тег. Заранее с пасибо

    Asked by Romario1985,

    0 votes
    3 answers

  19. Абсурд с position! И тем не менее, работает...

    Это простой пример страницы, где я впервые встретился с этим феноменом. Чтобы правый блок меню все-таки прилип к правому ребру браузера, пришлось написать следующее: text-align: right. position; Это не опечатка! Точнее, сначала было опечаткой, но, как видите, подействовало Что это? Сначала я решил, что это баг IE, но, как ни странно, работает во всех последних версиях Мозиллы и Лисицы... .right_menu { text-align: right. position; float: right; position: relative; } <ul class="right_menu"><li><a href="Umanskij_kotel.htm">Уманский котел</a></li> <li><a href="Krah_Blichkriga.htm">Крах Блицкрига</a></li> <li><…

    Asked by Мое Яблоко,

    0 votes
    18 answers

  20. Возникли проблемы

    Я тут недавно начал вспоминать верстку, как то начинал, а потом из-за не надобности забыл. Вот код <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta content="text/html; charset=windows-1251" http-equiv="content-type"><title>Влад это моя работа</title> <style type="text/css"> .text {font-size:12px;font-family: Verbana; text-decoration:underline; color:black;border:0 solid #bebebe;border-width:0 1px;background:#f5f4f2;padding:0px 2px;} .text2 {font-size:12px;font-family: Verbana; text-decoration:underline; color:black;border:0 solid #bebebe;border-width:0 1px;backg…

    Asked by gelik,

    0 votes
    4 answers

  21. Формы+Шрифт в разных браузерах

    Обычная форма: <html> <style type="text/css"> body { color:#a2a4a3; font:12px/18px Arial, Tahoma, Verdana, sans-serif; font-style: normal; font-weight: normal; } </style> <body> Тут текст<input type="text" name="login" size="11" maxlength="20"> тут идет тоже текст<input type="password" name="password" size="12"> <br><br> <textarea name="textarea" cols="43" rows="20">111111111111111111111111111</textarea> </body> </html> Но у меня возникает две проблемы: 1. Разный шрифт в Opera и Firefox. Хотя как мне кажется я все верно указал. Из-за этого расстояние меняется. Как его верно установить что бы он был…

    Asked by Olegs2,

    0 votes
    6 answers

  22. Как сделать элемент на всю ширину страницы с прокруткой

    Здравствуйте. Хотел бы выяснить один вопрос, стоящий на грани разметки и javascript. Есть такой эффект на javascript, называемый lightbox, и служащий для того, чтобы при щелчке на миниатюру изображения открывалось изображение в реальном размере. Пример такого эффекта можно посмотреть, например, на этой странице http://rostovstrojtorg.tiu.ru/p176712-gips...agostojkij.html (кликните на изображение) или же скачайте данный архив http://ifolder.ru/17079448, распакуйте все файлы и откройте страницу index.html Эффект работает нормально, но есть одна некрасивость. Когда эффект запущен и в центре появилось изображение, то если уменьшить размеры окна до появление горизонтальных пол…

    Asked by clavin,

    0 votes
    4 answers

  23. Большое фоновое изображение Для сайта.

    Доброго времени суток. уважаемые коллеги. Есть .jpg изображение размером 1600px X 1600px. Как сделать его фоновым для сайта. Так что-бы фото растягивалось на 100% монитора вне зависимости от размера монитора пользователя? Google не дал адекватного ответа. Стакой проблемой сталкиваюсь в первый раз.

    Asked by taran,

    0 votes
    14 answers

  24. Крякозябры в IE

    Помогите пожалуйста. Есть кусок кода и в IE, в программке IETester русский текст отображается каракулями, собственно почему? <!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 profile="http://gmpg.org/xfn/11"> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Untitled Document</title> <style type="text/css"> h2 { color: #000; font-size: 24px; font: normal 16px/100% Microsoft Sans-serif; } #sidebar h2 { background: url(images/side-h2-bg.png) repeat-x left top; height: 26px; ma…

    Asked by Mal4ishnik,

    0 votes
    15 answers

  25. Всплывающая CSS-подсказка поверх всего контента.

    На странице надо отобразить всплывающую подсказку средствами CSS, причём чтобы она была поверх всего остального контента. Казалось бы, z-index в зубы - и вперед! Но не тут-то было... Примерная структура проблемной страницы такова: <img id="engrave" ...........> <div id="article" > <p> Всякий текст... <span class="title">**<em>Текст подсказки.<i></i></em></span> </p> </div> CSS в общем виде такой: #engrave { margin: 10px; position: relative; z-index: 1; cursor: pointer; } #article { margin: 10px; opacity: 0.7; background-color: #ffffff; float: none; } .title{ position:relative; …

    Asked by ASGAlex,

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