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. Padding-top и height:100%

    есть следующий цсс фаил html, body { height:100%; width:100%; } body { font: 12px/100% Verdana, Arial, Helvetica, sans-serif; background: #666666; margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ width:1000px; position:relative; } #height_container { background: #999999; height: 100%; /* для IE6 */ min-height: 100%; } #footer, #height_container, #header { width:100%; } /**html #height_container { overflow: visible;…

    Asked by Love_silense,

    0 votes
    9 answers

  2. Помогите с обтикатием.

    <!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"> <!-- BODY { margin: 0 0 0 0; } #left { width:235px; height:500px; float:left; background-color:#06F; } #content { float:left; background-color:#0CF; width:50%; height:200px; } --> </style> </head> <body> <div id="left">left</div> <div id="content">centor</div> </body> …

    Asked by dimanlin,

    0 votes
    3 answers

  3. Ссылки на папки

    Здравствуйте! Подскажите, пожалуйста, как решить проблему. Сделал на сайте ссылки на папку, выглядит следующим образом <a href="\\Common\Схемы">СХЕМЫ</a>. IE папку открывает, а вот другие браузеры такую ссылку не понимают. Как им объяснить правильно? Спасибо!

    Asked by Zuma,

    0 votes
    4 answers

  4. Флэш вылазиет за страницу(

    В общем не могу ничего понять, на сайте есть флэш в таблице справа, на моём разрешении всё номрально, но начинаю пробовать более маленькие происходит вот такая беда в цссе примерно слеждущее body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, form, input, textarea, p, th, td { margin : 0; padding : 0; } table { border-collapse : collapse; border-spacing : 0; } img { border : 0; } address, caption, strong, th { font-style : normal; font-weight : normal; } li { list-style : none; } caption, th { text-align : left; } h2, h3 { font-weight : 400; } sup { vertical-align : text-top; } sub { vertical-align : text-bottom; } input, textarea, select { font-family : inherit; font-size :…

    Asked by Quest182,

    0 votes
    1 answer

  5. Кнопки

    У меня такая проблема, помогите плиз...сделал ссылку такого вида <a href="URL" target="_blank"><button type="button">Слово</button></a> и столкнулся с тем что Опера и другие браузеры проходят по ссылке, а IE ни какой реакции, как только убираю кнопку ссылка работает, как быть, чтобы и кнопка была и эксплорер как то реагировал, ссылка на сайт с проблемой Проблема с кнопкой, помогите плиз... P.S IE обязательно так как сайты защищенные и на Опере и других браузерах не работают (HTTPS) P.P.S Заходил на сайт с браузеров Mozilla Firefox 3.5, Opera 9.63, IE 6 (7,8)

    Asked by MHz,

    0 votes
    7 answers

  6. Тег EMBED

    Подскажите, что означает параметр wmode тега EMBED? Или это не параметр? в любом случае, что значит, если он = "window"? Спасибо!

    Asked by Elly,

    0 votes
    1 answer

  7. Вопросик по выпадающему меню на CSS

    Всем привет, возник вопросик по выпадающему меню на CSS. Смотрим сайт _http://electrodance.org.ua, видим горизонтальное меню. Наводим, к примеру, на пункт "Новости", выпадает меню, переводим курсор на выпавшее меню и черный фон с ссылки "Новости" исчезает. Помогите, пожалуйста, сделать так, чтобы он не пропадал Стили: _http://electrodance.org.ua/templates/Electrodance/css/style.css Заранее благодарен.

    Asked by Mr.Smith,

    0 votes
    11 answers

  8. гризонтальная полоса прокрутки

    здравствуйте. у меня возникла проблема: взависимости от размерах монитора страница отображаеться с ГОРИЗОНТАЛЬНОЙ полосой прокрутки либо без. помогите пожалуйста .

    Asked by bald,

    0 votes
    8 answers

  9. Опять полоса прокрутки

    Здравствуйте! У меня возникла проблема: Текст "прилип" к полосе прокрутки. Его можно "отодвинуть"? Я пробовала использовать margin-right:15px, но текст отодвигается вместе с полосой. Мой код: Есть решения? Заранее спасибо.

    Asked by Тамрико,

    0 votes
    7 answers

  10. резина

    Реально ли вообще так сверстать? Я хочу чтобы у меня было три колонки и все три резиновые, при сужений одна (например правая) прекращала сужаться (min-width: xxxpx), а другие продолжали. При сужений, когда левая прекращает сужаться, правая, при одном решений проблемы, накрывает центральную, либо, при другом решении, сталкивает центральную в "унитаз" =). Есть решение, чтобы этого не было, а колонки продолжали взаимно, не мешая друг-другу сужаться?? И если уже на то пошло, таблицами можно такую задачу сделать?

    Asked by Yahoo!,

    0 votes
    5 answers

  11. поиск ошибок

    Может не совсем в ту тему пишу, но очень нужна помощь. Я достаточный чайник в верстке, но худо - бедно что-то верстала. Недавно меня взяли на поиск ошибок в чужой верстке, подскажите пожалуйста хорошие ресурсы по теме.

    Asked by linux-lynx,

    0 votes
    8 answers

  12. Может ли сайт не идти исключительно на IE6

    Сайт www.elevel.ru Жалобы на IE6029005512 - грубо говоря он просто повисает. Скажите тут дело в верстке... ну или в битриксе или еще в чем-то может быть?

    Asked by lyapiss,

    0 votes
    4 answers

  13. Автоматически вставляемые скрипты сбивают разметку

    В тело документа уж не знаю какой злонамеренный компонент веб-сервера или ещё чго вставляет следующее в самое начало: <!--//--><script>var PrxLC=new Date(0);var PrxModAtr=0;var PrxInst; if(!PrxInst++) PrxRealOpen=window.open;function PrxOMUp(){PrxLC=new Date();}function PrxNW(){return(this.window);} function PrxOpen(url,nam,atr){ if(PrxLC){ var cdt=new Date(); cdt.setTime(cdt.getTime()-PrxLC.getTime()); if(cdt.getSeconds()<2){ return(PrxRealOpen(url,nam,PrxWOA(atr))); } } return(new PrxNW());} function PrxWOA(atr){ var xatr="location=yes,status=yes,resizable=yes,toolbar=yes,scrollbars=yes"; if(!PrxModAtr) return(atr); if(atr){ var hm; hm=atr…

    Asked by st1512,

    0 votes
    0 answers

  14. Неразбериха в верстке с использованием HTML и СSS

    1. После установления доктайпа чтобы браузеру было понятно по каким стандартам интерпритировать код моего сайта www.miroslava.nm.ru визуальное отображение меню поменялось. Так как я свой сайт начинала верстать в html и использовала елементы из CSS, то получилась неразбериха. Вроде я использовала один из способов - блочный(можно вынести в отдельный файл). Но кажется нужно что-то еще. Самой не получается разобраться. Хотелось чтоб менялся цвет кнопок. 2. Еще подскажите пожалуста урок в фотошопе или илюстраторе как написать в шапке название сайта, но не стандартными шрифтом, а с эскиза. 3. Скрипты сами цепляются с сервера, они вроде мешают? 4. Еще одна проблема. www.mirosla…

    Asked by mira,

    0 votes
    9 answers

  15. мануал по CSS кроссбраузерности

    Уважаемые знатоки! Пожалуйста, сэкономьте время, где прочитать наиболее внятный мануал о том, как писать так, чтобы всё было одинаково. Описание багов ие. Просто мне попадается фрагметарная информация - тут ИЕ 6 так, а тут так. Хотелось бы раз сесть и за вечер одолеть вопрос в начальном приближении. Заранее спасибо за советы.

    Asked by st1512,

    0 votes
    15 answers

  16. еще немножко про div'ы

    Есть родительский блок, в нем располагаюся два дива, у первого из которых ширина фиксированная в px, у второго она должна занимать все остальное пространство. Как такое реализовать с помощью css? т.е. есть в общем случае такой html-код: <div id="content"> <div class="left"> <ul> .... </ul> </div> <div class="right"> ... </div> </div> что нужно задать в css? #content { width: 100%; overflow: hidden; } .left { width: 220px; } .right { /* Что тут нужно задать? */ }

    Asked by theo_,

    0 votes
    14 answers

  17. сайт с кодировкой utf8 (и файлы utf8) загружаю на сервер и тот выдает кракозябры

    В общем проблема давно уже меня эта мучает. В свое время пользовался разными ftp-менеджерами и уже реально запарился. Когда сайт делаю на utf-8 и сам блокнот сохраняю в utf-8 все работает шикарно на локальном хосте. Как только выкладываю в сеть через ftp (например FilleZilla, CuteFTP), то текст пролностью слетает и в начале кода появляется какой-то символ "п»ї". Если файлы не сохранять utf-8, а как ANSI, то проблем конечно же нет (правда тогда надо из кода убирать <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />). Проблему все это время решал тупо. Открывал средствами ftp исходный код поврежденых страниц выделял весь текст, а затем вставлял исхо…

    Asked by Вадим,

    0 votes
    10 answers

  18. <ul> <li>

    нужно сделать типа такой контент проблема заключается в том что не получается добавить разделители (черные линии) между блоками, так в теге li присутствует уже фон (синий). прописывая background в общем теге li ни к чему не приводит. li { float: left; width: 220px; display: block; margin-right:30px; } li.01{ background: url(image.jpg) no-repeat 0px 0px; } li.02{ background: url(image.jpg) no-repeat 0px 0px; } li.03{ background: url(image.jpg) no-repeat 0px 0px; } li.04{ background: url(image.jpg) no-repeat 0px 0px; } <ul> <li class="01"> <h1 class="">01</h1> <p class="">Lorem ipsum dolor sit amet, consectetur adipiscing e…

    Asked by termoplus,

    0 votes
    5 answers

  19. в ie 7 не отображаются маркеры у списков

    в мозилле в опере и в IE6 маркеры у списка отображаются нормально, но IE7 не хочет их показывать, и ещеочень странно это все происходит, я отрываю страницу маркеры появляются на миг и исчезают вот css код #list3 { width: 136px; height: 100px; position: relative; float: left; font-size: 12px; font-family:Verdana, Geneva, sans-serif; font-weight: bold; padding-left: 1em; margin-left: 1em; margin-top: 5px; list-style-image: url(img/bullet.gif); list-style-position: outside; } li { margin-bottom: 3px; } a.li { text-decoration:none; }

    Asked by Frie,

    0 votes
    2 answers

  20. В разных браузерах по разному?

    есть макет который верстаю http://www.qb-studio.jino.ru/ Там где нойтбук не сходится кортинку (div), нормально только в firefox + меню справа вверху в ie 6-7 тоже прыгает вниз. Кто знает в чем проблема?

    Asked by qb-studio,

    0 votes
    0 answers

  21. как это сделать?

    Доброго времени суток! У меня возник вопрос: каким скриптом осуществляется переезд фона ссылки по соседним ссылкам (как тут - иконки слева). Пробовал погуглить, перебрал десятка два различно сформированных запросов, но так и не нашел ответа.. мб кто знает? подскажите.. заранее спасиба)

    Asked by mozart,

    0 votes
    5 answers

  22. Ссылки

    Всем привет, народ подскажите в чем проблема, я только учусь верстать, поэтому наверно своих ошибок не вижу Вот страница!, файл стилей style.css в той же папке probnik. Так вот на странице есть ссылка в главном тексте, ее легко найти, она одна, что с ней происходит не пойму, она унаследовала стили из хедера, а именно стиль активной ссылки и стиль списка li, но в файле стилей четко прописано что #header a, я так понимаю все ссылки с идентификатором header. А тут такое. Плюс ко всему даже если присваиваешь контенту идентификатор и прописываешь в нем все состояния ссылки #content a как у меня в файле сделано с хедером, опять же все сбивается, пробую для каждого значения сс…

    Asked by RUSA,

    0 votes
    2 answers

  23. центрирование div

    Здравствуйте! Как можно отцентровать div, если его ширина заранее неизвестна. Т.е. есть такой вот html-код: <div id="header"> <div class="menu_container"> <ul class="menu"> <li class="menu_item">пункт 1</li> <li class="menu_item">пункт 2</li> <li class="menu_item">пункт 3</li> </ul> </div> </div> Пункты меню выводятся динамически, т.е. сколько их будет заранее неизвестно. Что прописать в css для header и menu_container, чтобы этот самый menu_container центрировался такой css не помогает: #header { text-align: center; } .menu_container { margin: 0 auto; }

    Asked by theo_,

    0 votes
    12 answers

  24. Многоуровневый раскрывающийся список

    В общем учусь. Нашел на фрилансе, в заказе на верстку PSDшники. Скачал потренироваться. Главную страницу как бы сверстал, не считая меню. Сейчас с ним и разбираюсь. Верхнее горизонтальное меню с выпадающими списками сделал, в общем без особых проблем. А вот левое меню трехуровневое, причем последний уровень позиционирован отдельно (за пределами первых двух уровней). http://s41.radikal.ru/i093/0909/79/be266845ed42.jpg Я сделал меню, грубо говоря, такого вида: <ul> <li> <ul> <li> <ul><li></li></ul> </li> </ul> </li> </ul> И сегодня весь день пытался средствами css вытащить последний вложенный список, и…

    Asked by Psyh,

    0 votes
    4 answers

  25. Не помогает cellpadding

    В таблице текст налипает на рамку, указываю параметр cellpadding="10", чтоб было точно видно, что он работает или нет. И никакого результата не происходит вообще в люобм браузере. Посоветуйте пожалуйста, мож чё не так делаю? <table border="1" cellpadding="10" align="left" width="530"> <tr> <td width="72" valign="top"><p align="center"><strong>1 день</strong></p></td>.....

    Asked by artpol,

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