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. ie6 + background-image = 1px смещение

    Вобщем есть у меня несколько дивов, у которых прописан фон в css Во всех браузерах отчлино даже в ИЕ7, а вот в ИЕ6 засада - на пиксель опускает все фоны этих дивов. Вопрос: можно ли исправить это для ИЕ6 без css хакинга а то приходится создавать грамоздкие дубликаты для ИЕ6 типа #main_logo { height: 141px; width: 631px; background-image: url(../pic/main_logo.jpg); background-repeat: no-repeat; margin-top: 16px; position: relative; } *html #main_logo { height: 141px; width: 631px; background-image: url(../pic/main_logo.jpg); background-repeat: no-repeat; margin-top: 15px; position: relative; } ТАк же как в принципе #main_logo { height: 141px; width: 631px;…

    Asked by SteaM,

    0 votes
    6 answers

  2. ie6 + png-24

    Как зделать так, что б картинки png-24 отображались нормально в ie6?

    Asked by fastikkk,

    0 votes
    2 answers

  3. Ie6 + Xp

    Делаю сайт. В написание кода не силен, делаю по образу и подобию . У меня на сайте появилась страница http://www.aquapage.ru/eretmodus_cyanostictus.html причем одна (остальные отображаются нормально) у которой под меню пропуск текста на пол страницы. И именно в таком соотношении IE6 + XP, в Opera и IE7 отображается нормально. Код у нее такой же как и у остальных страниц (я отличий не нашел) в чем может быть проблема? Подскажите, кто знает. Желательно не переписывать CSS, а исправить ручками на странице. Спасибо.

    Asked by aquapage,

    0 votes
    4 answers

  4. ie6 bug, image поцентру по вертикали при указанной line-height, устал уже...

    Вот столкнулся с очередным багом ie6. есть такая разметка <div id="company"><a href="#">Тра-ля-ля <img src="../img/abc.jpg" /></a></div> и css div#company { float: right; text-align: right; line-height: 40px; } div#company img { vertical-align: middle; border: none; } так вот в нормальных браузерах текст и изображение размером 20х20пх отображается по центру по вертикали, а в IE6 подпрыгивает вверг дива, как будто не учитывается line-height: 40px;. Как исправить жту проблему в IE^

    Asked by relax,

    0 votes
    2 answers

  5. IE6 CSS Sprites

    В общем проблема с IE6, а может и с IETester. При открытии странички, наблюдаю такую картину: Соседние процессы, это IE7 и IE8. В других браузерах тоже все отлично работает. Я приблизительно понял что произошло, просто хочу спросить у местных специалистов, как вы боретесь с множественным использованием маленьких иконок, при использовании css sprites 1000x3000 приблизительно? В моем случае иконка 10х10 используется в 108 местах на странице. *Добавил* Замена иконки обычной 10 пиксельной иконкой, уменьшило использование памяти в двое(507mb рамов) Как избежать утечки памяти. Всем спасибо!

    Asked by Beck,

    0 votes
    7 answers

  6. ie6 div width 100%

    Доброго времени суток! Бьюсь весь вечер над проблемой некорректного отображения страницы с 100% шириной div'а. Вот код страницы (упростил, но суть видна): <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <title>title</title> <style type="text/css"> body { margin: 0; padding: 0; } div#header { width: 100%; height: 150px; background-color: green; } div#bigData { width: 3000px; border: 1px solid red; } </style> </head> <body> <div id="header">some text</div> <div id="bigData"> </div> </body> </html> То есть если под блоком div появляетс…

    Asked by sterx,

    0 votes
    6 answers

  7. ie6 img выходящий за пределы контейнера

    Есть конструкция <div> <img style="margin-left: -30px"> </div> Смысл ее в том, что картинка выходит за слой в котором она находится, но при этом правильно отображется. Отображается правильно везде кроме ie6. В ie6 край картинки выходящий за пределы контейнера не отображется, существует ли способ победить это кроме position: absolute? Спасибо! Пример http://www.elanfundraising-dev.com.php5-12...tetestlink.com/ Картинка с тектом "Yes we can...."

    Asked by weblad,

    0 votes
    4 answers

  8. IE6 PNG

    Для просмотра этого глюка необходим IE6: http://denver.transmagistral.ru/ для слоя с мужиком на картинке отрабатывает правило: <!--[if lt IE 7]> <style> .png { _behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "img/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace(…

    Asked by d0ublezer0,

    0 votes
    6 answers

  9. IE6 wtf? o.O

    Проблема отображение в ИЕ6 Уже всю голову измучал, ночь не спал немогу понять в чем проблема. Помогите пожалуйста. Вот как выглядит в ИЕ6: Вот как должно и выглядит в ФФ и ИЕ7: В ИЕ6 подкладка не уходит под меню. А должна, и я даже не прдставляю почему. Заранее благодарен всем хоть на маленькие намеки куда рыть. Ссылка оригинала _http://www.skadovsk-hotels.com

    Asked by 13DureX,

    0 votes
    8 answers

  10. IE6 абсолютный блок на всю ширину родительского

    Доброго дня. Помогите с проблемой, бьюсь уже который час. Она заключается в том что в IE6 абсолютный блок ни как не хочет растягиваться на всю ширину родительского блока с position: relative, а растягивается на ширину окна браузера при width: 100%; или без width на ширину контента. В остальных браузерах всё отлично. .rel { position: relative; float: left; } .abs { position: absolute; width: 100%; } <div class="rel"><p>Текст Текст Текст</p> <p class="abs">Текст</p> </div> Спасибо.

    Asked by bilbas,

    0 votes
    3 answers

  11. IE6 включает padding в height?

    IE6 включает padding в height? Вроде читал, что не должен, но у меня почему-то включает. В мазиле и в ИЕ6 следующий код отображается по-разному <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <style> HTML { height:100%; } BODY { height:100%; } #div1 { border:solid 1px #999999; position:absolute; width:50%; height:expression(document.body.offsetHeight-500); top:0px; bottom:500px; } #div2 { border:solid 1px blue; width:auto; height:100%; float:left; padd…

    Asked by Колос,

    0 votes
    1 answer

  12. IE6 делает непонятный пропуск

    Добрый вечер, вот делаю шаблон для сайта таблицами. Вверху и внизу основы сайта делаю тени следущим способом. <tr><td colspan="4" height="19" background="/images/topmenubg.jpg"> </td></tr> По это адресу находится картинка 5*19 с переходом от белого, к серому Выглядит в ФФ и Опере вот так а ИЕ шестой показывает так Видите этот пробел белый? Вот как его убрать? Заранее спасибо

    Asked by artpol,

    0 votes
    10 answers

  13. ie6 замучал меня

    между блоками только в ие6 появляется горизонтальный разрыв в 3 рх как с этим бороться? выравнивание стоит float:left и clear:both

    Asked by VoVa,

    0 votes
    10 answers

  14. ie6 и 3px

    Люди добрый, помогите! Возникла такая проблема: Есть следующий код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <link rel="stylesheet" type="text/css" href="main.css"> <body> <div id="outer_wrapper"> <div id="wrapper"> <div id="header"> <div id="header_up"> <div id="header_up_part1"> </div> <div id="header_up_part2"> </div> <div id="header_up_part3"> </div> <div id="header_up_part4"> <!-- Search --> </div> <div id="header_up_part5"> </div> <div id="header_up_rubbe…

    Asked by redhawk,

    0 votes
    4 answers

  15. IE6 и 7 - подскажите!

    Добрый вечер! Подскажите пожалуйста, почему в IE6 и 7 не корректно работают ссылки при наведении мыши, а в остальных все ок., проблемная часть кода: .menu ul {list-style:none; position:relative; top:65px; text-align:center; line-height:32px; } .menu li {display: block; position: relative; width:100%; } .menu a {display: block; height:100%; } #home {display:block; background-image: url(../img/home-red.gif); width: 192px; height: 18px; position: absolute; background-repeat: no-repeat; top: 5px; left: 50%; margin-left:-96px; } <div class="menu"> <ul> <li&…

    Asked by pattaya,

    0 votes
    6 answers

  16. IE6 и background

    Во всех браузерах, кроме IE 6 не работает позиционирование background по центру. Позиционирование слева или справа работает нормально, но по центру никак. Код выгляди следующим образом: <head> <style> div.style { background: url("img.jpg") left center repeat-x; height: 100%; width: 100%; } </style> </head> <body> <div class = "style"></div> </body> Для проверки кода использую ietester. Может это его глюк?

    Asked by Виноградов Александр,

    0 votes
    12 answers

  17. IE6 и Float...

    <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <title>Tetro</title> </head> <body> <div id="wrap"> <div id="header"> <img src="img/head.png"> </div> <div id="main" class="clearfix"> <div id="content"> </div> <div id="side"> </div> </div> </div> <div id="wrap2"></div> <div id="footer"></div> </body> </html> img/head.png = (ширина 400, высота 100) html, body, #wrap {height: 100%;} body > #wrap {height: auto; min-height: 100%;} body > #wrap2 {height: auto; min-height: 100%;} bo…

    Asked by XiBOR,

    0 votes
    34 answers

  18. IE6 и margin - непонятная работа

    Всех приветствую. Возникла непонятная ситуация. Имею сверстанный лэйаут, отлаженный во всех броузерах. Кроме IE6. В ходе отладки под IE6 выявилось следующее. Имеется div, у которого float: left; Есть настройки margin: 30px 10px 30px 14px; Так вот, во всех броузерах, в том числе и в IE7, он имеет отступ слева 14px, а в IE6 - почему-то 28px. Попытка играть со значением выявила то, что в IE6 это значение просто умножается на 2. Если убрать float, то все нормально, такой эффект не наблюдается. Много читал про особенности поведения IE в разных ситуациях, но вот такого никогда не видел. Кто может подсказать, в чем это связано, и как это решить? Спасибо.

    Asked by extruder,

    0 votes
    4 answers

  19. ie6 и z-index

    http://lazio.com.ua/Vpn/second.html Если навестись в главном меню на пункт "Информация" появляется выпадающее меню. Во всех браузерах, как обычно, всё норм, кроме ie6. В нём выпадающее меню "подлазит" под блоки с тарифными планами. Лажево объяснил конечно, но, если кратко, проблема с z-index. Выпадающее меню получается на уровень ниже чем блоки с тарифными планами. {position:relative; z-index:0;} для блоков с тарифами не помогает.

    Asked by od_lazio,

    0 votes
    7 answers

  20. IE6 и проблемы с таблицами в xhtml

    Следуя самым новым тенденциям, хотел бы сделать сайт на xhtml (сейчас он на html). Но в IE6 появляется такая проблема: при добавлении DOCTYPE соответствующего xhtml в браузере нельзя выделить текст (выделяется по большей части весь текст на странице по какому-то причудливому алгоритму. Т.е. захочешь выделить часть текста и не выделишь). Это для сайта не подходит. При анализе выяснил, что это связано с таблицами (а у меня весь сайт на них без них никак), которые позиционируются как position: absolute; Для дизайна сайта необходимо спозиционировать большую таблицу, в которой по сути размечается всё содержимое сайта. Какое решение проблемы можно посоветовать? Внизу код, демон…

    Asked by clavin,

    0 votes
    15 answers

  21. IE6 и списки

    Здравствуйте. Уже несколько дней борюсь з проблемой вывода списка в одну строку в IE6. Список должен иметь вид: <ul> <li> <img1> Text1 Text2 </li> <li> <img3> Text1 Text2 </li> ... </ul> Когда вывожу только изображения, то все без проблем. Дойдя до края страницы они продолжаются с новой строки, но когда додаю текст с права от изображения, желание у IE6 продолжать с новой строки пропадает. Вот что получается: В других браузерах все отлично

    Asked by Alex&R,

    0 votes
    0 answers

  22. IE6 и трехколоночный резиновый дизайн.

    решено. тему можно удалить.

    Asked by xonix,

    0 votes
    0 answers

  23. IE6 и трехколоночный резиновый дизайн.

    решено. тему можно удалять.

    Asked by xonix,

    0 votes
    3 answers

  24. IE6 как обычно портит всю картину! Изменение высоты ячеек по вертикали

    Доброго времени суток! Уже руки опускаются, не знаю что придумать. В общем дизайн сайта корректно отображается в Opera и FF, но в IE как обычно что-то отображается криво. Ссылка удалена автором темы! В нижней части рамки для ссылок, IE растягивает по вертикали одну строку ячеек (хотя задана точная высота первой ячейки) и происходит дублирование фонового изображения. Мне-то все-равно, т.к. материал на сайте будет предназначен в основном для Линуксойдов, но все-равно неприятно... Я конечно могу и отключить при помощи CSS дублирование фона конкретных ячеек, но хотелось бы узнать - может быть есть способ, с которым IE станет отображать разбивку страницы сайта нормально? Прост…

    Asked by Boron,

    0 votes
    9 answers

  25. IE6 крадёт у меня мышку! :(

    Дело в том, что название темы не совсем правильное. Для того, что бы на сайте можно было залогиниться, я использую всплывающий поверх страницы DIV, внутри которого находится форма (email + pass). Всё это дело я показываю через JavaScript. Но, возникла такая неприятная ситуация, в IE6, всё всплывает хорошо, DIV показывается, всё на месте. НО щелкать на формы не могу. Они как будто задисейбленные. Т.е. просто не щелкаются. Играл с z-index: 999++, не помогло. В чем может быть проблема? Помогите пожалуйста!!

    Asked by youmee,

    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