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. Неправильное перемещение объектов

    В этом коде: https://jsfiddle.net/Lgjy2c8w/ у меня блок запоминает положение другого, и на 100 пикселей уходит дальше, хотя глобальная функция задана tor = 0, и изменяться они уже в своих функциях. Как исправить неправильное смещение?

    Asked by ErUnDAK,

    0 votes
    2 answers

  2. Неправильное поведение выпадающего меню в ie7-8

    Проблема следующая: сверстал выпадающее меню только при помощи css, но в ie8 вылезли проблемы как в режиме стандартов, так и в режиме совместимости. Общая проблема для обоих режимов в том, что hover срабатывает необычным образом - при наведении на пункт меню, из которого должны выпадать подпункты, подменю появляется, но при этом при уводе мыши с сылки на этот пункт меню, для него событие hover отключается. Подменю при этом видно, но при возврате выши и наведении на пункт, подменю исчезает. Вторая проблема заключается в том, что ни в одном из режимов эксплорер не хочет делать ширину пунктов подменю одинаковой, как это происходит в других браузерах. Пробовал включать has…

    Asked by can3p,

    0 votes
    0 answers

  3. Неправильное повторение фона в IE6

    Пытаюсь сверстать рамку (только нижнюю часть), используя только один фоновый источник: Файл win-btm.gif <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Title</title> <style type="text/css"> body {background: #fff; color: #000; font: 8pt verdana; margin: 0px; padding: 0px; width: 100%; } .win-loginbox { margin: 155px auto auto auto; width: 288px;} .win-btm-left { background: url('win-btm.gif') no-repeat 0px -20px; } .win-btm-right { background: url('win-btm.gif') no-rep…

    Asked by EugenyK,

    0 votes
    3 answers

  4. Неправильное позиционирование в IE6.0

    <html> <head> <title>Lifestyle</title> <style type="text/css" media="all"> body, html {height:100%; width:100%; margin:0px; padding:0px} a{text-decoration:none;} </style> <script> var potkat1_visible=false; function show_potkat1(){ if (potkat1_visible==false){ document.getElementById('potkat1').style.display='inline-block'; potkat1_visible=true; } else {document.getElementById('potkat1').style.display='none'; potkat1_visible=false;} } function hide_potkat1(){ document.getElementById('potkat1').style.display='none'; potkat1_visible=false; } </script> </head> <body> <!-- Таблица главная !--&gt…

    Asked by AlexMak,

    0 votes
    5 answers

  5. Неправильное построение DOM в ie7

    На сайте есть меню вверху с разделителем. Меню сделано списком. Разделители - div.sep <ul class="menu" id="topmenu"> <li class="item-101 current active"><a href="/" >На главную</a></li> <div class="sep"></div> <li class="item-102"><a href="/index.php/about" >О проекте</a></li> <div class="sep"></div> <li class="item-103"><a href="/index.php/news" >Новости</a></li> <div class="sep"></div> <li class="item-104"><a href="/index.php/advertisers" >Рекламодателям</a></li> <div class="sep"></div> <li class="item-105"><a hr…

    Asked by Enclave,

    0 votes
    2 answers

  6. Неправильное растягивание блока с плавающим содержимым

    Доброго времени суток, Дано: Растягивающийся по содержимому блок(display:inline-block): Внутри него обтекаемый блок(float:left) За ним обтекающий блок, который должен растягивать родителя. Код: Проблема: При небольшом размере текста в обтекающем блоке Chrome и Firefox растягивает родительский блок не правильно. Как правило, короткий текст просто переносится под плавающий блок. скриншот: IE и Opera растягивают родителя правильно. скриншот: Посмотреть вживую можно тут и тут (по второй ссылке html5 и Firefox его отображает немного по другому) Нужно найти кроссбраузерную реализацию такой верстки. Заранее благодарю.

    Asked by iReD,

    0 votes
    2 answers

  7. Неправильность отображения сайта в IE

    Привет всем. Помогите решить проблему с отображением моего сайта в IE. В фаерфокс и опере все отлично, а в ие как обычно... Сайт: http://wow-bc.3dn.ru/ Неправильное отображение: внизу, где футер. Спасибо

    Asked by Xorigan,

    0 votes
    2 answers

  8. Неправильные размеры <div> в chrome

    В FF и IE нормально отображает Спасибо помогло

    Asked by Seretyr,

    0 votes
    1 answer

  9. Неправильные ссылки 456 штук!

    Здравствуйте! Одномоменнтно на сайте появилось 456 штук неправильных ссылок. Редактирование не помогает, откат сайта тоже ничего не дал. Не могу найти информацию по этой проблеме. Подскажите, плиз, что могло случится? Ссылки перечёркнуты, но работают и все на старых публикациях в основном. Благодарю всех откликнувшихся!

    Asked by bond312,

    0 votes
    4 answers

  10. Неправильный CSS

    Здравствуйте. Можете поправить мне CSS? пожалуйста. Не пойму в одном браузере Mozile нормальный выводит точки, в другом браузере Google Xrome завышены... .subForumsPopup .dot span { height: 0px; left: 6px; margin-top: 10px; position: absolute; width: 0px; border: 2px solid #6cb2e4; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 6px; } Допустим ставишь margin-top: 10px; в одном браузере нормально выводит... а в другом все криво

    Asked by SAnet,

    0 votes
    5 answers

  11. Неправильный вид кнопок на устройствах IOS

    Добрый день, проблема в том, что на устройствах IOS кнопки на сайте, который я разрабатываю выглядят совсем иначе. Проблема актуальна для всех устройств с IOS. На Андройде выглядит как на скрине. Спрашивал двух знакомых front-end'ов, они незнают почему так. Вот сайт: http://finematras.ru

    Asked by Skater,

    0 votes
    6 answers

  12. Неправильный вывод специального символа HTML

    Приветствую всех! Имеется символ ⌕ (лупа поиска) который правильно отображается в Firefox 21 и Opera 12, но полностью игнорируется Chrome 27 и Explorer 8 (отображается пустой квадрат). Есть ли возможность заставить эти два броузера отображать его, ну и в чем вообще природа этой загвоздки? Нет, я конечно могу вставить иконку, но чисто из спортивного интереса хочу сделать страницу минимальной в объеме. Что также вообще скажете про использование специальных тегов вместо элементарной легковесной графики, не мовентон ли это, а то может мой спортивный интерес имеет дурное начало? Спасибо!

    Asked by Ryv,

    0 votes
    0 answers

  13. Неправильный перенос текста в IE

    Здравствуйте. У самого пока что не хватает подготовки, поэтому буду очень благодарен за подсказку... Картинки с описаниями должны по идее отображаться блоками так (скриншот ff - все выглядит как и должно): Однако, если смотреть ту же страницу через IE, часть описаний уйдет за границы блоков: Пробовал смотреть другими браузерами - Opera 10 показывает все правильно (как и FireFox). Google Chrome ломает верстку в точности как и IE. Исходная страничка: http://quantum-kazan.ru/notebook_acer.html В данный момент будет выглядеть "причесанной", но добиться этого удалось только искусственно - расстановкой дополнительных пробелов в описаниях. Если грамотное решение трудоемко - по…

    Asked by Smith72,

    0 votes
    8 answers

  14. Непрвильно отображается видео.

    Проблема с отображением видео на сайте. Одно видео отображается нормально( куда бы его не поместив). А остальные отображаются как на картинке: Спасибо разобрался! просто надо добавить embed после youtube.com тоесть watch?v= заменить на embed/

    Asked by Kypaku,

    0 votes
    0 answers

  15. Непрозрачное изображение на прозрачном слое

    Здравствуйте. Есть проблема такого характера. Есть див, к нему прописано opacity: 0.3; Внутри этого дива есть картинка, мне нужно, чтобы она не была прозрачной. Я прописываю картинке opacity: 1 !important;, но она все равно прозрачная. Как быть, подскажите? <div style="width: 600px; height: 300px; background: #FFFFFF; opacity: 0.2;"> <div style="position: absolute; left: 200px; top: 50px;"> <img src="myimg.png" style="opacity: 1 !important;"> </div> </div>

    Asked by sergiyko,

    0 votes
    4 answers

  16. Непрозрачное содержимое на полупрозрачном фоне

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

    Asked by hike,

    0 votes
    4 answers

  17. Непрозрачность для картинки

    Подскажите пожалуйста, почему не работает прозрачность? Смысл такой, у меня есть картинка фоновая и я хочу сделать прозрачность, но почему то не работает!? .get_in_touch{ background: url(../img/your_project_img.png) no-repeat top /cover; padding: 90px 0 40px 0; background-color: rgba(255,0,0,0.75); } <section class="get_in_touch"> <p>Do you like <span>our work</span> so far?<br> Let's talk about <span>your project</span>!</p> <a class="button" href="#">Get in Touch</a> </section> .get_in_touch{ background: url(../img/your_project_img.png) no-repeat top /cover; padding: 90px…

    Asked by oleg126,

    0 votes
    4 answers

  18. Непрозрачный фон у списков в IE6

    Добрый день, всем! Есть проблема с непрозрачным фоном списка. Не могу разобраться, почему список образует непрозрачный фон. Причём обязательно белый... Принудительное указание фона - решает проблему, но создает дополнительные трудности, а точнее не позволяет создать универсальный класс. Буду очень признателен, если кто-то сможет натолкнуть на ход мыслей ИЕ6 или подскажет решение проблемы. Заранее спасибо! FF3: http://easycaptures.com/fs/uploaded/272/9073612535.jpg - Всё нормально! IE6: http://10pix.ru/img1/2780/127740.jpg - Нет фона HTML <div class="colorbox"> <b class="r3"></b><b class="r1"></b><b class="r1"></b> <div c…

    Asked by HUNTERxp,

    0 votes
    2 answers

  19. Непрописанные margin'ы

    Почему-то margin'ы работают, хоть они и не прописаны. http://cssdeck.com/labs/full/2xrdgmdq - код. Там, вроде все так, как задумывалось, а в браузере так: http://rghost.ru/53521698

    Asked by Haindell,

    0 votes
    1 answer

  20. Непростой градиент в меню

    Доброго времени суток! Недавно получил задание на вёрстку сайта и в процессе столкнулся с некоторой проблемкой. Задача была сделать градиентное поле при наведении на пункт меню. Сложность в том, что в углах он должен закругляться, то есть иметь более овальную форму. Сейчас сделал тенью от текста, получилось немного похоже, но не совсем то Как должно быть: Как есть: http://jsfiddle.net/rmn8m/ Поскольку только начал освоение вёрстки, не совсем представляю как такое реализовать. Просьба наставить на путь истинный, заранее спасибо!)

    Asked by Gvager,

    0 votes
    3 answers

  21. неработает padding

    не работает padding у 2-ой li-шки(на что бы не менял, padding-top,padding-bottom,местоположения и области выделения текста не меняется), вот html <ul id="menu" > <li class="kolonki" style="position:relative; top: -4px;padding:13px;padding-left:29px;padding-right:29px;"><b>ГЛАВНАЯ</b></li> <li class="kolonki" style="position:relative; top: 1px;padding-top:2px;padding-bottom:0px ;padding-left:22px;padding-right:22px;"><b>ПОДОБРАТЬ<br/>ПЕРСОНАЛ</b> <ul id="menu1" > <li>Wwwwwww|</li> <li>Owwwwww|</li> <li>Rwwwwww|</li> <li>LDwwwww</…

    Asked by riaron,

    0 votes
    2 answers

  22. Неработает width

    Есть 3 блока с шириной в 250рх, но когда я ввожу текст в эти блоки, он вылазит за пределы блока. Пробовал добавить !important и все равно неработает. Как это можно решить? Спасибо

    Asked by DImas95,

    0 votes
    6 answers

  23. неработает анимация -wedbkit...

    Плиз помогите написал скрипт,но столкнулся с проблемой что без анимации действия проходят ужасно. Короче, полез в нет искать про анимацию css3 из того что нашел сделал такой код увилечения текста но ,он не работает. подскажите почему? .notVisible { -webkit-animation-name:'fullText'; -webkit-animation-duration: 7s; -webkit-animation-play-state:running; @-webkit-keyframes 'fullText'{ from { font-size:30%; } 40%{ font-size:50%; } 60%{ font-size:70%; } to{ font-size:100%; } } }

    Asked by cyber_ua,

    0 votes
    7 answers

  24. неработает в opera

    прошу настроить кроссбраузерность неработает в опере http://codepen.io/SaraSoueidan/pen/otGgw и ещё вопрос не по теме наделал тут медиа скажите правильноли? будет работать на других мониторах?

    Asked by radioactive,

    0 votes
    15 answers

  25. Неработает ссылка <a>

    Код: <td class="BTT"> <a href="http://www.google.com/"> <table class="TABL" onmouseover=this.className="TABLon" onmouseout=this.className="TABL"> <tr> <td class="TXT_UP" bgcolor="#859633">Google</td> <td class="TDIMG" rowspan="2" bgcolor="#CCCC77"><img src="../Ico/Ya.gif"></td> </tr><tr> <td class="TXT_DN" bgcolor="#432645">http://www.google.com/</td> </tr> </table> </a> </td> В ИЕ неработает тег <a> Почему так? Как исправить? И другая проблема. Для класса TABL в стилях прописаны "border-spacing" и "padding". В ИЕ они опять же не срабатывают (хотя в опере норм…

    Asked by Prince,

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