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. Как пофиксить background по вертикали на слое?

    В общем суть вопроса проста: нажимаем на кнопу авторизации, затеняется слоем сайт и сверху на слое окно авторизации. Вопрос: как затеняющий слой с background'ом зафиксировать в IE6? background-attachment: fixed - не работает для слоев position: fixed - не работает в IE6 (работает в FF3 и Oper'е )

    Asked by Guest Zergio,

    0 votes
    9 answers

  2. Съезжают блоки в ИЕ

    На главной странице вывожу контент и справа колонка с новостями, в Опере и Мозиле все гуд, а в ИЕ по центру сначала растянуту новости а под ним Контент, как бть в чем ошибка? Вот css: /*правая колонка*/ div.rightcol { width: 250px; float: right; text-align: left} .date {background: #a82713; color: #fff; font-size: 9px; padding: 0 5px} div.rightcol a {color: #345a87; } div.rightcol a:hover {color: #a82713; text-decoration: none; border-bottom: double 3px #a82713; } /*Content*/ div.content {max-width: 75%; width: expression(document.body.clientWidth > 966 ? "100%" : "100%"); margin-left: 15px; text-align: left} div.content a {color: #345a87; } div.content a:hover {colo…

    Asked by okunev2,

    0 votes
    2 answers

  3. margin-top смещает родительский блок вниз

    Привет всем. Код: <!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <style> * { padding: 0; margin: 0; } #wrapper { margin: 0 auto; width: 900px; } #header { width: 900px; background: #ABBEBE; } #content { /*border: 1px solid;*/ height: 300px; background: #ABFFFF; width: 900px; } #footer { width: 900px; background: #ABBEBE; } .stick { width: 100px; height: 100px; margin: 100px 0px 0px 10px; } </style> </head> <body…

    Asked by stalker_2000,

    0 votes
    3 answers

  4. Изображение в новом окне

    Есть код: <a style="border:0; cursor:pointer;" onclick="win_sample = window.open('%src%','sample','width=%width%,height=%height%,scrollbars=no,resizable=yes');win_sample.focus();">%system makeThumbnail(%filepath%, 120, 'auto', 'view')%</a> Подскажите плиз, как ещё здесь сделать, тобы когда изображение откроется в новом окне при клике по этой ссылке, то у окна Было название, тобишь title ???

    Asked by Guest Гость,

    0 votes
    1 answer

  5. Возможно ли изменить внешний вид полосы прокрутки при использовании тэга "overflow"?

    Подскажите как изменить внешний вид полосы прокрутки при использовании тэга "overflow".

    Asked by kab,

    0 votes
    15 answers

  6. <!--[if gte IE]> - как это конструкция называется?

    <!--[if gte IE]> - как эта конструкция называется? И где про нее можно почитать? Еще интересно как firefox сокращенно пишется (для вставки в эту конструкцию)?

    Asked by kipupik,

    0 votes
    9 answers

  7. Не могу понять

    Извините, конечно, что повторяю некоторые проблемы, но: Мозила фаир 3 не хочет отображать картинки, ИЕ отображает, искал решение, подсказали относительные папки и всё такое, помогите разобраться, допустим картика находиться тут: c:/www/images/picture.png (изначально так писал) то относительный адрес будет таков: images/picture.png (я так написал, картинка не отображалась) или каким адресом, если не трудно напишите. Заранее спасибо.

    Asked by Yahoo!,

    0 votes
    13 answers

  8. rules в opera

    В браузере Opera 9.5-9.6 не работает параметр rules тэга table. Можно ли его как-то заменить?

    Asked by UserFrendly,

    0 votes
    3 answers

  9. IE 7 не понимает синтаксис...

    Есть надобность менять динамически свойство text-decoration... Но IE7 не понимает код: document.getElementById('no0').style = 'text-decoration:underline'; В Опере работает... Может кто знает рецепт?

    Asked by andrums,

    0 votes
    3 answers

  10. натянуть на DLE

    Приветствую. Вопрос как Вы поняли пойдет о движке DLE ( Data Life Engine ) В общем вроде не чего сложно нету хочу оставить из всех возможностей движка только краткую (shortstory.tpl) и полную новость (fullstory.tpl) удаляю все из папки templates\Default оставляю только shortstory.tpl , fullstory.tpl , main.tpl Теперь запускаю страничку почему то выводит ошибки : Warning: include_once(Z:\home\localhost\www\auto\upload/templates/Default/login.tpl): failed to open stream: No such file or directory in Z:\home\localhost\www\auto\upload\engine\init.php on line 280 Warning: include_once(): Failed opening 'Z:\home\localhost\www\auto\upload/templates/Default/login.tpl' for incl…

    Asked by musulman,

    0 votes
    0 answers

  11. Проблема с COL под FF

    День добрый. У меня возникла проблема, верстаю таблицы с использованием тега COL для установки ширины и позиционирования в td. Под браузерами Opera и IE всё работает нормально, но вот FF ни в какую не хочет понимать аттрибут align или valign для тега COL. В качестве примера привожу код. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> </head> <body> <table width="300" border="1"> <col /> <col valign="top" width="30" align="center"> <col valign="top" width="30" align="right"> <col valign="top" width="30"></col> <tr> &l…

    Asked by Guest ICEBeer,

    0 votes
    5 answers

  12. осбоенности использования map area в Firefox

    может кто знает, есть какие то особенности использования тега map area в MozillaFirefox? нужно сделать картинку с облатями перехода, это map area. в браузерах Explorer,Opera тестовый пример нормально работает, создается 3 области, появляется текст alt, работает href. в Firefox только первые 2 области раюотают нормально (есть alt, href), последняя область не срабатывает. не понятно где тут накосячено, пример простенький. ошибки не вижу. но может ктонить подскажет?

    Asked by dubist,

    0 votes
    5 answers

  13. особенности map area в Firefox

    Подскажите, может есть какие-то особенности использования map area в Firefox? создается мап ареа, присутствуют 3 области. тестовый пример в браузерах Explorer и Opera работает нормально, параметры alt href coord отображаются, по ссылке переходит. а в Mozilla Firefox только 2 области (первая строка) срабатывают. последняя область просто не появляется. если кто-то в курсе, что не так, подскажите, пример простой, ошибок вроде не вижу. вот текст <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>TEST_MAP</title> </head> <body> <p><img src="images/office2.png" alt="TEST_MAP" width…

    Asked by dubist,

    0 votes
    0 answers

  14. особенности map area в Firefox

    Подскажите, может есть какие-то особенности использования map area в Firefox? создается мап ареа, присутствуют 3 области. тестовый пример в браузерах Explorer и Opera работает нормально, параметры alt href coord отображаются, по ссылке переходит. а в Mozilla Firefox только 2 области (первая строка) срабатывают. последняя область просто не появляется. если кто-то в курсе, что не так, пример простой, о ошибок вроде не вижу. вот текст <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>TEST_MAP</title> </head> <body> <p><img src="images/office2.png" alt="TEST_MAP" width="200" …

    Asked by dubist,

    0 votes
    1 answer

  15. Индекс не отображается в IE полностью

    делал сайт. все было нормально. На каком то этапе перестал отображаться в IE, при этом в Мозиле и Опере работает сам сайт и соответственно код тут - http://www.ptm01.ru/. В опере и мозиле опять же открывается в эксплопере нет. Если кто подскажет в чем причина буду очень благодарен. Но самое интересное - решил сделать заново. Создал файл - отображается во всех трех обозревателях, - скопировал в него из старого файла (см. выше по ссылке) вот такое вот: и снова отображения в IE нет. Вернул все назад и опять отображается подскажите дураку что не так то

    Asked by Павсикакий,

    0 votes
    2 answers

  16. Градиент по списку

    Объясните как сделать градиент в списке. Наприме, ситуация: имеем ul-спискок из 4 элементов. Надо, чтобы от первого до последнего, цвет плавно менялся с красного на зелёный.

    Asked by Deacon,

    0 votes
    13 answers

  17. вопрос по работе Clear в IE

    Я начинающий. В процессе верстки наткнулась на необходимость отменить обтекание Clear, но что-то не хорошее происходит в IE. Скажите, как IE воспринимает Clear? Какие глюки при его использовании возникают? У меня используется прозрачный гиф для фона меню, которому прописано float: left; Так вот текст обтекающий его справа, почему то частично заходит под гиф, т.е там где прозрачно он виден, а там где гиф не прозрачен, там текст (сохраняя свою прямую левую линию выравнивания) западает под гиф. Так происходит не всегда, но при изменении размера окна браузера глюк проявляется. Подскажите, плз, как исправить. вот здесь все - html, css и картинка fon.gif в зипе вот кусок кода h…

    Asked by Sangina,

    0 votes
    3 answers

  18. float: left и margin-top

    Есть такой HTML: <div style="float: left;"> a </div> <div style="clear: left; margin-top: 30px;"> b </div> В IE работает нормально, т.е. b отстоит от a на 30 пикселей от a. А вот в Mozilla margin-top никакого влияния не оказывает. Почему? Кто работает по стандартам? Как сделать правльно, чтобы работало везде? PS В поиске искал и форум читал уже 4 часа подряд. Но ввиду сложности подобрать ключевые слова -- ничего не нашел.

    Asked by dsome,

    0 votes
    4 answers

  19. Opera & Лиса - ОК, IE- бэд

    Пока не осоил DIV верстаю таблицей. Сделал вертску куска форума. Едит место между ссылками с картинками и объявлениями. В IE при заполнении контентом, или из за чего еще средняя часть поехала ( при пустом все было ОК ) . ЗЫ в Лисе и Opera все как всегда ОТЛИЧНО! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=<% CHARSET %>" /> <link rel="shortcut icon" href="favicon.ico" /> <title><% TITLE %></title> <style t…

    Asked by freeman,

    0 votes
    0 answers

  20. hspace и vspace тега iframe в xhtml

    Добрый день! Подскажите пожалуйста, как правильно нужно указывать параметры hspace и vspace тега iframe для того, чтобы документ xhtml проходил валидацию. Спасибо за ответ

    Asked by DImaN,

    0 votes
    1 answer

  21. Вопрос по apache.

    Возник вопрос. Вот когда ставишь сервер денвер, путь к директории выглядит так /home/user/local/www , как на апатче сделать такое? Заранее спасибо.

    Asked by vvsh,

    0 votes
    17 answers

  22. ссылка блок с вложенными элементами

    есть такая конструкция <a href="" style="display:block; width:100%; backround:url('back.gif')"><img src="" style="float:left" /><img src="" style="float:right" /></a> доктайп XHTML 1.0 Transitional если ширина блока больше чем сумма длин картинок, то между картинками образуется пустое пространство с фоном. мне нужно чтоб весь блок был ссылкой, но в данной ситуации ссылками являются только картинки,а пространствно между ними нет! как сделать правильно?

    Asked by pirrat,

    0 votes
    2 answers

  23. печать HTML

    Возможно ли средствами html создать талицу с размерами столбцов напр.(92;35;13;5;15;5;15)мм и высотой строки 7мм, что бы на распечатанном листе они имели заданные размеры

    Asked by Guest SkiNNi,

    0 votes
    5 answers

  24. Подскажите пожалуйста.

    Можно ли в этом меню изменить стиль sub-menu. <ul> <li><a href="#">Домой</a></li> <li><a href="#">О компании</a></li> <li><a href="#">Услуги</a> <ul> <li><a href="#">Ремонт</a></li> <li><a href="#">Перевозки</a></li> </ul> </li> <li><a href="#">Как нас найти</a></li> <li><a href="#">Реквизиты</a></li> </ul> ul { margin: 0; padding: 0; list-style: none; width: 150px; } ul li { position: relative; } li ul { position: relative; left: 0; top: 0; display: none; } ul li a { display…

    Asked by corol,

    0 votes
    1 answer

  25. table

    ребята помогите с проблемкой =( ...вытаскиваю с базы данные в таблицу, если допустим текста много то таблица растягивается за пределы страницы, как быть? помогите =) width в % или px ...вообще нериагирует =(

    Asked by romawka_ural,

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