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. Все "по низу"

    Всем привет! Подскажите - как сделать так, чтобы объект (например, текст) расположенный внутри слоя прижимался к его нижнему краю. зы: Только не паддингом...

    Asked by styleroom,

    0 votes
    2 answers

  2. что сделать чтобы в меню меню отключить перенос слов или расширить меню?

    2 длинных слова в пункте меню переносятся. вижу два выхода: либо запретить перенос слов в меню, либо расширить и зафиксировать само меню... подскажите как реализовать плиз.... вот код заранее признателен!!! /**** author - rgb(raduga) http://mambasana.ru ***/ body,html { padding : 0; margin : 0; margin-bottom : 10px; } #body_bg{ background : url(../images/bg_top.jpg) #ffffff repeat-x top left; } .main { float : left; width : 100%; margin : 0; padding : 0; } .mod { background : #FFFFFF; width : 2px; } td, tr, p, div { font-family : Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size : 12px; color : #00000…

    Asked by vovchikku,

    0 votes
    7 answers

  3. FireFox?

    Вот такой кодег: <table border=0 cellpadding=0 cellspacing=0> <tr><td><img src='lt.png'></td><td style='background-image: url(ht.png);' /></td><td><img src='rt.png'></td></tr> <tr><td style='background-image: url(vl.png);'></td><td><img src='./images/$result[image]' width=200></td><td style='background-image: url(v.png);'> </td></tr> <tr><td><img src='lb.png'></td><td style='background-image: url(h.png);'></td><td><img src='rb.png'></td></tr> </table> В IE отображается четко. FireFox под к…

    Asked by pavelvolya,

    0 votes
    2 answers

  4. Правая колонка (сайдбар) в шаблоне сполз вниз

    Никак не могу поправить шаблон. Съезжает правая колонка вниз , посмотрите, пожалуйста,что я не так делаю?

    Asked by malavka,

    0 votes
    2 answers

  5. В IE 7 шрифт на половину

    На этой страничке http://vilaris.com/ есть номер телефона а IE7 он наполовину отображается, (сверху есть, а снизу нет) а на половину нет. Подскажите пожалуйста, что делать.

    Asked by Designpix,

    0 votes
    5 answers

  6. В IE 7 шрифт на половину

    На этой страничке http://vilaris.com/ есть номер телефона а IE7 он наполовину отображается, (сверху есть, а снизу нет) а на половину нет. Подскажите пожалуйста, что делать.

    Asked by Designpix,

    0 votes
    0 answers

  7. Нужна помощь по вёрстке!

    Госпада добрый день нужна ваша помощь. В общем есть страница 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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>page</title> <style type="text/css"> <!-- html, body { margin: 0px; padding: 0; border: 0; background: #000000 url(css/bg.jpg) repeat left top; height:100%; } --> </style> </head> <body> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-4445535…

    Asked by enf0rce,

    0 votes
    5 answers

  8. Изменение style.background

    Привет всем! Сделал скрипт который случайным образом меняет фоновый рисунок на заглавной странице, в файрфоксе работает а в IE нет if (document.styleSheets[0].cssRules){ //alert(document.styleSheets[0]["cssRules"][42].selectorText); //alert(document.styleSheets[0]["cssRules"][42].style["background"]); document.styleSheets[0]["cssRules"][42].style["background"]="url(../images/headers/UpPic_"+n+".jpg)" //alert(document.styleSheets[0]["cssRules"][42].style["background"]); } else{ //alert(document.styleSheets[0].rules[42].selectorText); //alert(document.styleSheets[0].rules[42].style["background"]); document.styleSheets[0].rules[42].style.background="url(../image…

    Asked by votan,

    0 votes
    2 answers

  9. Обтекание картинки списком

    поиском по форуму не нашел темы. поиском по интернету понял, что проблема актуальна есть <img style="float:left"> <ul> <li></li> </ul> значки списка в IE6 и Opere скрываются под картинкой ситуацию в ИЕ спасает: LI {display: inline-block} но при этом в Опере пункты выстравиваются в линию... какие варианты решения проблемы? мой CSS: UL {list-style:none;margin:0;padding-left:15px;} UL LI {background:url('images/li.gif') no-repeat left top; font-size:8pt; padding-left:20px; margin-top:5px;display: inline-block} OL LI {margin-top:5px}

    Asked by $SMax$,

    0 votes
    17 answers

  10. Картинки в таблице

    Как сделать чтоб в таблице картинки сами подгонялись под размер ячейки а не наоборот

    Asked by AzatSh,

    0 votes
    3 answers

  11. подскажите как сделать таблицу с шириной бордюра в 1 пикс, но чтобы верхн и нижн бордюры были по 0 пикс

    подскажите как сделать таблицу с шириной бокового бордюра в 1 пикс, но чтобы верхн и нижн бордюры были по 0 пикс..... то етсь мне нужна рамка по краю сайта, но без верха и низа... заранее признателен

    Asked by vovchikku,

    0 votes
    8 answers

  12. стилевое оформление ссылок

    верстаю сайт сейчас. в стилях не всегда ориентируюсь, и заметила такую вещь. Сейчас оптимизирую страницу под FF. Там все нормально. Под ИЕ ссылки в блоке имеют те же цвета что и обычные ссылки, хотя именно для данного блока заданы другие цвета и в FF все отображается как надо. Каким образом надо задавать цвета ссылок в блоке, чтобы именно в этом блоке ссылки имели заданные цвета в ИЕ? Какая тут хитрость? код слишком длинный, но могу выложить, позже выложу код все-таки блок такой <div id="header-region" class="clear-block"><div id="block-nice_menus-1" class="block block-nice_menus"> <div class="content"><ul class="nice-menu nice-menu-down" id="ni…

    Asked by oshaly,

    0 votes
    2 answers

  13. изменение размера атрибутов формы

    Кто подскажет как уменьшить высоту атрибута формы "текст" Спасибо.

    Asked by A_STAS,

    0 votes
    4 answers

  14. Вложенные списки с автоматической нумерацией

    Прочитал эту статью http://htmlbook.ru/content/?id=117 Задал вопрос в комментах, но не получил ответа. Поэтому спрашиваю здесь: а как себя поведет IE 7? Он НЕ проигнорирует list-style-type: decimal ? Вы же написали, что "значение того же атрибута без !important" будет игнорироваться браузерами за исключением Intenet Explorer версии 6 и ниже Чтобы ответить на мой вопрос придется прочитать статью. Может я торможу но по-моему IE 7 оставлен без внимания, а в конце статьи написано "Заменяя этим кодом строку с селектором LI в примере 2 получим вложенный список корректно работающий во всех браузерах."

    Asked by sum41,

    0 votes
    1 answer

  15. нужен совет

    вот решил занять веб дизайном. до этого использовал визуальный редактор дримвивер. знаю прогу отлично на 4+, но вот хтмл только решил изучать. немного не понятно, почему мучаться писать часами если все делается гораздо проще. также в инете много всего написано в плане как верстать сайт табличным или дивным видом. решил спросить начинать учиться на дивной верстве так как эра за ней? хотя не понимаю для чего вообще придумали тег див? не понравился он мне с самого начала.

    Asked by termoplus,

    0 votes
    1 answer

  16. Как отключить скролл в ИЕ?

    Сверстал страницу. Когда включаешь в браузере режим "на весь экран", в ИЕ 6 и 7 появляется вертикальный скролл. Как его убрать? В опере и мозиле все нормально показывается.

    Asked by dota,

    0 votes
    8 answers

  17. таблицы

    делаю таблицу. не могу убрать лишнее расстояние между строками. добавляется порядка 10px несмотря на margin : 0; padding : 0; в css как для строк, так и для ячеек

    Asked by ivan,

    0 votes
    10 answers

  18. Снять галочку по умолчанию с checkbox

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

    Asked by milax,

    0 votes
    10 answers

  19. Странные промежутки между DIV'ами в IE 6

    Описать проблему словами будет сложнова-то, потому предлагаю посмотреть код и увидеть проблему воочию. Проблема наблюдается только в IE 6 (хотя может и в 7ой версии тоже, на данный момент не могу проверить). Обратите внимание на Block3, который отделен от других блоков непонятным отступом... мотивы его происхождения мне не ясны. Как бороться тоже не знаю. Прошу помочь Страничка тут http://dev.inroot.ru/inroot/ Код <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; ch…

    Asked by Guest IMAM,

    0 votes
    4 answers

  20. как победить мерцание фоновых картинок в IE6

    подскажите, всю голову себе сломала! есть код css для кнопочек a#knopa { width: 687px; height: 46px; background-image: url('knopa1.gif'); display: block; text-decoration: none; } a#knopa:hover { background-image: url('knopa2.gif'); } Все отлично работает во всех броузерах кроме ослика. При наведении на кнопку осел начинает заново перерисовывать бэкграунд, подгружая его с сервера. Не догадывается о том что он у него в кеш сидит. В результате чего происходит смена картинки но с пятисекундной задержкой. Есть ли какоенибудь средство чтобы заставить ослика моментально менять изображение без задержки?

    Asked by elvis79,

    0 votes
    4 answers

  21. Учебник "дивной" верстки?

    Здраствуйте. Решил попробывать использовать верстку дивами. Вопрос собственно такой - существует ли учебник именно вестки слоями или нет? На форумах отрывочная информация, а хотелось бы поподробнее и систематизированно. Если у кого есть, просьба огромная бросить на мыло pto-vagon@yandex.ru или на худой конец (трафик сильно дорогой) ссылочку на чудное место, где это разжевано. Заранее спасибо!

    Asked by Inkon,

    0 votes
    14 answers

  22. Группировка ячеек таблицы в FF и IE.

    Верстаю страницу с помощью таблицы. В браузерах FF2 и IE6 по разному группируются ячейки. Мне надо так, как получается в IE6. Никто с таким не сталкивался? Подскажите, где копать. Скрины: Internet Explorer 6.0 (jpg, 48 kB) Mozilla FireFox 2.0 (jpg, 51 kB) Код: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title> Таблица. </title> <style type="text/css"> BODY { margin: 0; padding: 0; } </style> </head> <body> <table cols=6 border=1 width=100% height=100% cellspacing=0 cellpadding=0> <tr height=5%> <td width=5%>1</td…

    Asked by akeyev,

    0 votes
    0 answers

  23. Ширина колонки

    Нужна помощь вот по такому вопросу: у меня три колонки. Центральная колонка - это текст. При отображении в браузере без картинок (опера) центральная колонка налезает на правую колонку. Вопрос не решает установка ширины... Можете подсказать в чём дело. Сайт

    Asked by Trust,

    0 votes
    2 answers

  24. Проблема:позиционирование таблицы

    Здравствуйте. Вопрос по моей проблеме следующий: когда идентичные вложенные таблицы в родительскую ячейку влезают в размер экрана по вертикали, то все отображается нормально. Как только их колличество становится таким, что ячейка растягивается за предел экрана так же по вертикали, вся основная таблица слегка смещается влево. Притом проблема такая возникает только в Opera. В IE все нормально. Очень буду благодарен за помощь, ибо уже что то грустно выложить скриншоты и код смогу позже. Может просто сталкивался и проблема не такая уж редкая и глобальная

    Asked by SiN_Bizkit,

    0 votes
    2 answers

  25. Селектор тега html

    Кто подскажет, в каких случаях нужно использовать конструкцию вида html { ... } Не могу понять смысл такой записи

    Asked by sum41,

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