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 у 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

  2. Рамка вокруг картинки

    Хочу сделать чтобы вокруг картинки была надпись. Сами картинки динамические, а рамку в стилях что-то не получилось и сделать, и я начал пытаться в таблице... и тоже не вышло. Помоги, будьте любезны. СилоВ уже нет Код куда я тыкаю рамку: <td valign="top"> <a href="<?=$arElement["DETAIL_PAGE_URL"]?>"><img width="15" height="100%" src="/upload/medialibrary/3fa/riglef.jpg" alt="" title=" " /><center><img width="230" height="15" src="/upload/medialibrary/839/topbot.jpg" alt="" title="" border="0"/><br><img border="0" src="<?=$arElement["PREVIEW_PICTURE"]["SRC"]?>" width="<?=$arElement["PREVIEW_PICTURE"]["WIDTH"]?>" he…

    Asked by Tchorteg,

    0 votes
    3 answers

  3. Кодировка

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

    Asked by Glebr,

    0 votes
    6 answers

  4. Пробелы в названии класса CSS

    Только осваиваю CSS (кстати спасибо авторам сайта за такой информативный ресурс). Возникло следующее недопонимание: В генерируемых друпалом страницах блоки DIV имеют в названии класса пробелы. Например, <div class="field field-type-filefield field-field-cover"></div> Понятное дело, что к ним не получится обратиться селектором вида: .field field-type-filefield field-field-cover {...} Как я столкнулся с этой проблемой - поискал на сайте друпала и наткнулся на этот топик. Там даётся частичное решение, но всё равно кое-что остаётся неясным. Думаю, уместнее эти вопросы задать здесь. Если мы пишем конструкцию с пробелами в атрибуте class - это мы как бы присваев…

    Asked by Lex-DRL,

    0 votes
    7 answers

  5. очередная проблема с футером=)

    Вот пробую сверстать сайт дивами. Футер прижать к низу удалось, пользовался вот этим способом. Пример моего сайта можете посмотреть здесь, так же приведу примеры html и css. Сама проблема заключается в следующем: не тянется блок с белым бэкграундом (#main), в котором и находится весь контент, т.е. нужно убрать пробел между контентом и футером. буду благодарен за помощь=)

    Asked by RomanShmatov,

    0 votes
    5 answers

  6. h1 и span в одной строке

    Здраствуйте не могу понять почему не работает в IE7 следующий код: Сам html: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <title>Создаем свой первый проект</title> <link href="styles/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="header"> <h1>Типа крутой заголовок :-)</h1> <span><a href="#">Главная</a> | <a href="#">Каталог</a> | <a href="…

    Asked by SergeyVM,

    0 votes
    7 answers

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

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

    Asked by people2010,

    0 votes
    1 answer

  8. Карты изображений

    Не получается создать крату изображения, хотя бсамую простую. Вот пишу код: <!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

  9. Отображение страницы в разных браузерах

    Приветствую всех. Я новичок в веб-программировании, поэтому возможно ответ на мой вопрос окажется очевидным для некоторых. Хочу сделать трёх колоночный макет для страницы с фиксированной шириной, выравниванием по центру, с шапкой и нижним колонтитулом. Нашла пример, прописала код, просмотрела страничку в IE и Firefox. Результаты оказались различны. В Firefox все отображается правильно, а в IE справа по вертикали процентов 20 не занятого пространства. Помогите плиз разобраться. Прилагаю код, который использовала. код ccs файла: body{ margin: 0; padding: 0; } #container{ position: absolute; left: 500px; margin-left: -500px; widht: 1000px; margin-top: 10px; } #mas…

    Asked by kalisto,

    0 votes
    1 answer

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

    проблема такая: говорю ссылке 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

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

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

    Asked by Pinguin,

    0 votes
    2 answers

  12. макет 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

  13. Проблема в 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

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

    Добрый день! Осваиваю 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

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

    Привет, 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

  16. Таблицы в DIV

    На странице используется двухколонная верстка: #center { margin-right:230px; } #right { float:right; width:220px; } Нужно вставить таблицу, чтобы она растягивалась по ширине на всю центральную колонку. Если я задаю у таблицы свойство - width='100%', то во всех браузерах отображается как надо, а в IE верстка ползет, и таблица растягивается на весь экран закрывая и правую колонку. Как пофиксить?

    Asked by ololo686,

    0 votes
    6 answers

  17. неправильное отображение в 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

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

  19. ширина div в ie6 другая

    Три колонки дивами. 280px+270px+250px (итого 800px). В IE6 третий див (#header-center) переноситься на новую строку. Если уменьшить width любого из дивов на 6px, то всё помещаеться. Т.е., я так понял, на каждую сторону из дивов уходит по 1px (маржинов и паддингов у этих дивов нет) вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <div id="header"> <div id="header-left"> </div> <!-- #menu--> <div id="header-right"> </div> <!-- foto --> <div id="header-center"> </div> <!-- #цитата--> </div><!-- #header--> …

    Asked by Chebas,

    0 votes
    9 answers

  20. Закругленные рамки для таблицы

    Довольно долго гуглил, нашел аж 38 методов создания рамок с закругленными углами, но так и не понял, как же это сделать для таблицы. У меня есть большая таблица (структура моего сайта) и я хочу в ней сделать закругленные края. Подскажите, как это сделать.

    Asked by Winner,

    0 votes
    4 answers

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

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

    Asked by bigferumdron,

    0 votes
    3 answers

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

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

    Asked by Romario1985,

    0 votes
    3 answers

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

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

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

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

    Asked by clavin,

    0 votes
    4 answers

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

    Обычная форма: <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

  • Обсуждения

    • 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