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 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" /> <title>Untitled Document</title> <style type="text/css"> #list1 ul li { list-style:none; } </style> </head> <body> <ul id="list1"> <li>1</li> <li>2</li> <li>3</li> </ul> </body> </html> А если указать <style type="text/css"> ul#list1 li …

    Asked by Darkside,

    0 votes
    5 answers

  2. Можно ли при помощи css создавать встраеваемые блоки

    Например, созданое на отдельной странице кнопочное меню в форме, "притянуть" с помощью css в html стриничку как отдельный блок. Заранее спасибо за помощь

    Asked by Oliany,

    0 votes
    6 answers

  3. Проблемы с табличной версткой в WinIE

    Доброго дня! Занимаюсь табличной версткой. Вот код макета (с вложенной таблицей): <!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" /> <title>Table Layout</title> <style type="text/css"> html,body { margin:0; padding:0; } html { height:100%; } body { height:100%; padding:0; margin:0 auto; width:80%; min-height:100%; position:relative; } *html body { height:100%; } table { width:100%; height:100%; border:1px soli…

    Asked by Darkside,

    0 votes
    19 answers

  4. Word, Excel to HTML

    Очень часто на работе встречаются "наинтереснейщие" задачи по выкладки материала на сайт. К примеру имеется вордовский файл, набитый таблицами, его нужно перевести в HTML, при этом убрать весь вордовский мусор и т.д. Обычно пользовался такой схемой(так, как на программы типа "Word 2 HTML" положиться нельзя): 1) Копи 2) Паст в Outlook Express (меняю кодировку, формат) 3) Далее в Дримвивер и дальнейшие действия по чистке кода. Наверняка каждый сталкивался с подобными задачами, какой способ (наиболее рациональный) вы можете предложить? :/ Заранее благодарен.

    Asked by color,

    0 votes
    6 answers

  5. ссылки в Opera

    Имеется следующий код: #content #transport { background: #C5C5C5; font-size: smaller; padding: 5px 0 7px 167px; list-style-type: none; margin-right: 50px; } #content #transport li { display: inline; margin-right: 1em; } #content #transport li a { color: #484848; position: relative; } <ul id="transport"> <li><a href="./index.php?id=23">Грузового и спец. автотранспорта</a></li> <li><a href="./index.php?id=24">Автобусов</a></li> <li><a href="./index.php?id=25">Легкового автотранспорта</a></li> <li><a href="./index.php?id=26">Пассажиров</a></li> </ul>…

    Asked by rash,

    0 votes
    9 answers

  6. 100% по высоте в блочной верстке

    Доброго дня! Есть раскладка на флоатах <!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" /> <title></title> <link href="index-block.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="leftcol">MENU </div> <div id="rightcol"> <div id="head"> HEAD </div> <div id="content"> CONTENT </div> </div> <div id="footer">FOOTER</di…

    Asked by Darkside,

    0 votes
    7 answers

  7. Тег link, параметр media (=all, screen), для чего он?

    ...

    Asked by Stanislaus,

    0 votes
    3 answers

  8. скелет 3 колонки. помогите сделать.

    Добрый день, со слоями ни разу не работал, прочитал статьи, но не совсем понимаю как все таки с ними работать.. Вот мне надо сделать такой скелет: __________________________ |__________header__________| |_____|_______________|_____| |_____| |_____| |_____| |_____| |_____| content | | |_____|_______________|_____| |_________footer____________| В общем у меня получаются проблемы с позиционированием слоев, все разезжается, либо не станолвиться в ряд ДИВ'ы. Помогите сделать скелет, дальше я сам буду пробывать разбираться.

    Asked by Makcik,

    0 votes
    8 answers

  9. графический элемент - кружочек

    Здравствуйте всем! Как можно средствами HTML нарисовать кружочек, наподобие маркированного списка? Заранее, спасибо!

    Asked by a_web,

    0 votes
    16 answers

  10. frD-Отмена обтекания в Opera

    Ниче не пойму, есть блок, в блоке строка Строка текста с параметрами: .name_this_block { width:130px; min-height:19px; font: bold 12px Tahoma; color:rgb(115,79,135); text-align:center; background-color:rgb(245,245,225); border: 1px solid rgb(197,188,172); border-bottom: none; padding-top:5px; position:relative; left:10px; top:-33px; float:left; display: inline; margin: 0px; white-space: nowrap; } .name_object_style { font: 22px georgia; color:rgb(17,83,126); text-decoration: none; position:relative; } далее в том же блоке идет блок с текстом который центрируется, вот Строка текстая отменяю обтекание и задаю соответствующие параметры для данного блока чтоб он принял ну…

    Asked by Emm,

    0 votes
    5 answers

  11. Вопрос по перекатываниям

    Всем привет,у меня такая ситуация:решил сделать кнопки с эффектом перекатывания,но через CSS и с помощью идендификаторов,с JS ещ? не знаком,так вот первые две кнопки отображаются нормально,но когда я делаю третий идентификатор с указанием картинки и функцией hover,то кнопки изчезают,в ч?м дело?Буду очень благодарен за ответ. Вот код: A#rollover{ background: url('Глава1.gif'); display: inline; width: 80px; height: 40px; border: 0px solid #000; position:absolute; left:140px; top:20px; } A#rollover:hover{ background: url('Глава1(актив).gif') } A#rollover2{ background: url('Глава2.gif'); display: inline; width: 80px; height: 40px; border: 0px solid #000; position:absolute; l…

    Asked by Imevil,

    0 votes
    15 answers

  12. Таблица с возможностью выбора строки

    Помогите, пож-та, сделать таблицу, в которой можно было бы выбрать строку, как здесь http://www.hottur.ru/search.php?cn=Египет. Почему-то у меня не работает код: while ($val=mssql_fetch_assoc($res)) { echo('<tr onMouseOver=function () { this.bgColor='FFF6CC'; } onMouseOut=function () { this.bgColor='FFFFFF'; }> <td>'.$val['TypeLot'].' <td>'.$val['DecimNum'].' <td>'.$val['ZNumLot'].' <td>'.$val['Dogovor'].' от '.$val['DateDogovor']); }; строка не подсвечивается.

    Asked by ElenaNF,

    0 votes
    0 answers

  13. Имена файлов

    Есть фрагмент html документа Текстовый документ 6,5 Кб При клике по ссылке происходит открытие файла. В заголовке %D0%A2%D0%B5%D0%BA%D1%81%D1%82%D0%BE%D0%B2%D1%8B%D0%B9%20%D0%B4%D0%BE%D0%BA%D1%83%D0%BC%D0%B5%D0%BD%D1%82[1].txt. Как сделать нормальный заголовок русскими буквами?

    Asked by Noob,

    0 votes
    4 answers

  14. text-decoration изменение стиля

    Для того чтобы сделать подчеркивание у ссылок при наведении в таблице стилей прописываем следующее: A { text-decoration: none; } A:hover { text-decoration: underline; } А как сделать, чтобы линия, которой подчеркивается ссылка была определенного цвета(например красного, а не синего, как по умолчанию)?

    Asked by YaGub,

    0 votes
    4 answers

  15. отрицательный z-index в Firefox или как засунуть картинку под текст?

    Позарез понадобилось вставить на страницу картинку, по ширине превышающую предусмотренный для контента блок. Единственный пришедший в голову вариант - поставить ей position:absolute и положить отдельным слоем, но вот незадача - зараза перекрывает часть ссылок по бокам блока (цветными пикселами картинка на ссылки не залезает, но перекрывает их своей прозрачной частью). Проблема решается установкой отрицательного z-index (ссылки и весь текст оказывается наверху), но тогда картинку не желает показывать любимый файрфокс. Посоветуйте, как быть?... свои идеи пока кончились

    Asked by enkryptor,

    0 votes
    9 answers

  16. Закругленные бордюры блока

    Как оформить закругление границ (border) блока по всем четырем углам ?? Если это простой блок, то у него все четыре угла прямые. А то я пытался оформить вложенными дивами (div) с картинками закругленнных углов бордюров. Ничего не получилось. Обьясните как это сделать ? Пример: обратите внимание на цитаты. Вот ссылка http://www.microsoft.com/Rus/Licensing/Pro...alServices.mspx

    Asked by genege,

    0 votes
    1 answer

  17. правила оформления имен идентификаторов

    дентификаторовВобщем когда пишу так: текстто вс? замечательно. А когда так :: .6851 {font-size: 5px;} текстто браузеры не реагируют (тестил на ие и опере). Как так может быть ?!

    Asked by blackmind,

    0 votes
    4 answers

  18. значение пробелов в верстке

    Коллеги! Не сочтите за банальный мой вопрос. Верстая страницу, иногда допускаю пробел между двумя тэгами, к примеру, между и . Это является ошибкой? Тэги обязательно должны стоять вплотную друг к другу, без пробелов?

    Asked by Vimaz,

    0 votes
    3 answers

  19. Разв?ртывающийся список

    помогите, плиз, как сделать разв?ртывающиеся списки для FF и Opera? наш?л код под эксплорер, но в FF и O. не работает <ol dynamicoutline initcollapsed> <li>xxx1 <ol> <li>zzz</li> <li>zzz</li> </ol> </li> <li>xxx2 <ol> <li>zzz</li> <li>zzz</li> </ol> </li> </ol>

    Asked by Broz,

    0 votes
    4 answers

  20. Как оформить границы таблицы с помощью CSS

    Подскажите примерчик кода CSS, пожайлуста! Есть таблица, состоящая из одного столбца и двух строчек, собственно в вверхней ячейке картинка, а в нижней черные границы таблицы. Как мне сделать так, чтобы у второй ячейки верхняя граница неотображалась, а границы слева и справа и снизу оформить цветом и толщиной линии?

    Asked by okunev2,

    0 votes
    5 answers

  21. как обойти ЯваСкрипт

    Доброго всем времени суток!!! У меня следующая проблема, Данное тело полностью рабочее, но мне надо какм то образом обойти наличие скрипта!!! <body> <script language="javascript"> function past(print) {text.value = text.value + '<img src="01.gif">'} </script> <textarea name="text" size="50"></textarea> <img src="01.gif" onclick="past(true)"> </body> </html> я новечек в этом деле но на моем бесплатном хостинге в гостивой стоит похоже какой то контроль он полностью игнорирует все скрипты такого плана <script language="javascript"> function past(print) {text.value = text.value + '<img src="01.gif">'} </…

    Asked by ruslan_rx,

    0 votes
    2 answers

  22. вставка картинки как маркера списка

    Я создаю меню на своем сайте. Для того, чтобы сделать его красивым, попробовала вставить маркированный список, маркером сделала картинку - теннисный мячик. Но возникла проблема, мячик по отношению к кнопке меню находится выше, а мне хотелось бы чтобы и маркер и кнопка находились на одном уровне. Как это сделать. Как получается меню:

    Asked by Ксения :),

    0 votes
    6 answers

  23. Кодировки

    Как сделать сайт в двух кодировках? КОИ-8 R и виндовской?

    Asked by B@rcaF@n,

    0 votes
    7 answers

  24. frD-Вопрос по Фреймам.

    В верху страницы расположена таблица, в таблице 2 ячейки. Слева в первой - название сайта. С права во второй допустим реклама. Чтобы не перегружать код страницы и не вставлять код рекламы во все страницы сайта. Можно воспользоваться тегом . Вот так это будет выглядеть: <!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 border="1" cellspacing="0" cellpadding="8" width="100%"> <tr> <td width="20%" style="vertical-align:top;"> <div align="lift"><a href=""> …

    Asked by CRANK,

    0 votes
    2 answers

  25. Кто использовал Смарти?

    Возник вопрос. Если кто-нить использовал Смарти, то подскажите, как организовывается структура сайта? Для каждой страницы пишется отдельный шаблон? И для того, чтобы поменять, например, логотип, нужно изменять все шаблоны? Или шапки и футеры отдельно хранятся? Кто что знает, пишите

    Asked by shkoda,

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