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. Плохое поводение IE 6

    Делал кнопку для форума у всех браузеров все нормально кроме IE 6, никак немогу решить проблему http://s2.itrash.ru/idb/48ac2f71ff8e2264d0...a3a8c/oblog.png Так в IE 7 http://s2.itrash.ru/idb/48ac2f71ff8e2264d0...a8c/oblog_1.png Сама кнопка http://s2.itrash.ru/idb/48ac2f71ff8e2264d0.../obutton-bg.png <th colspan="3" > <a href="" class="f-button" style="float: right;" ><span><img src="images/button-ico/plus.png" alt="" />Открыть тему</span></a> </th> /* ——- Button —————— */ .f-button { background: url('../images/button-ico/button-bg.png') left 0 no-repeat; text-decoration: none !important; cursor: pointer; font-size: 11px;…

    Asked by Mr.Black,

    0 votes
    7 answers

  2. Плывет DIV на CSS в Internet Explorer младше 7-ой

    Уважаемые специалисты! Подскажите в сложившейся ситуации. Верстка шаблона на DIV-ах. Их свойства описаны через CSS. Основная часть шаблона страницы поделена на три DIV-колонки. Их свойства описаны в #left, #container, #right ( #container - для основного контента). Расположение блоков традиционное. При просмотре во всех браузерах отображение нормальное, кроме Internet Explorer младше 7-ой версии, где #container почему-то сползает под #right , оставляя свободное место. И что еще хуже, текст грубо обрезается справа так, что читать невозможно Подскажите, как исправить эту проблему. Ради кривенького и старенького IE переписывать шаблон на таблицы нет смысла, кроме того, эт…

    Asked by Koriolan,

    0 votes
    12 answers

  3. плывет блог div при умешьшении масштаба в браузере

    столкнулся со следующей проблемой: открываю файл index в браузере вся верстка при масштабе 100% смотрится хорошо при уменьшении масштаба начинает плыть правый блок с контентом. Если убрать border у блока с контентом все становится как надо. помогите советом http://savepic.ru/6617212.jpg http://savepic.ru/6600828.jpg <body><div class="karkas"> <div class="header"> <a href="#"><img class="logo" src="images/logo.png" alt="logo"/></a> <a href="#"><div class="random">Случайная серия</div> </a> </div> <div class="menu"> <ul> <li><a href="#">Выбрать эпизод</a></li&gt…

    Asked by vibrant,

    0 votes
    5 answers

  4. Плывёт блок вниз при вставке плеера jwplayer

    Добрый день, вот вставляю блок. <script type="text/javascript"> jwplayer("banner-right").setup({ autostart: false, controlbar: "none", flashplayer: "player/player.swf", file: "player/video.mp4", image: "images/baner-right.png", width:502, height:315, wmode:"opaque" }); </script> и мой div сползает вниз? закруто решил создание еще одного вложенного

    Asked by vladimircape,

    0 votes
    0 answers

  5. Плывёт верстка в FireFox

    Всем привет. Есть сайт: http://www.tongat-1.ru/ В Chrome и Opera нормально всё отображается, а вот в FireFox блок с видео с ютуба почему то съезжает вниз ((. Народ, подскажите как CSS мне подправить, какой костыль дописать чтоб в FireFox этот блок тоже нормально отображался?

    Asked by fenix_63,

    0 votes
    3 answers

  6. Плывет градиент при background-attachment: fixed

    Здраствуйте. Глупый вопрос скорее всего) Есть класс .gr{ background-image: url("img/gr.gif"); background-repeat: repeat-x; background-attachment:fixed; } Проблема в том, что при прокрутки вниз в любом браузере, градиент бежит вниз страницы за прокруткой. Класс применяется в таком виде: <td class="gr" height="100%">

    Asked by ab138,

    0 votes
    2 answers

  7. Плывет картинка

    Здравстуйте. Не получаеться никак выровнять картинку по левой стороне блока. вот ссылка http://fixoni.style-vip.com/ это расположено внизу , колонка "ЛУЧШАЯ ЦЕНА". Вставил слева картинку (лучшая цена) затем следом ячейка идет товары, затем сново маленькая картинка правая для закругливания углов. Все дело в левой картинке (лучшая цена), сделал на ней relative и top: -11px. Но из-за этого нижняя часть не сходиться.

    Asked by Saveliy,

    0 votes
    6 answers

  8. плывет куда то вверх!

    http://itmages.ru/image/view/292346/a7a7a318 что за?!

    Asked by Gotafak,

    0 votes
    3 answers

  9. Плывет меню, если скролить

    Здравствуйте. Не могу понять что мешает и в чем причина... Есть меню в футере, там 8 пунктов, открывается нормально в любом разрешении, есть выравнивание, все хорошо, но если скролить + или - то один из блоков (Карта сайта) переходит на уровень ниже. Еще такой момент: если скролить один раз ctrl+, то плывет блок вниз, если еще раз нажать ctrl+ то все возвращается в исходную позицию, т.к. так как надо! И так же с минусом. http://watchmagazine.ru/

    Asked by konstantinskiy,

    0 votes
    1 answer

  10. Плывут блоки при масштабирование

    Всем привет. Я новичек в верстке, поэтому вопрос может быть глупым, но всё же. Собственно проблема возникает при масштабирование страницы, блоки начинают съезжать. Как это исправить? Буду благодарен за помощь. и вот живой пример http://dofamin.tor.su/page/test/ и пользуясь моментом задам еще 1 вопрос. проблема заключается при работе со шрифтами. Как корректно подобрать размер шрифтов из PSD ? Например в PSD размер написан 16pt, но при верстке с указание размера шрифта в 16pt возникают разногласия с макетом.

    Asked by Chupachups,

    0 votes
    16 answers

  11. Плывут флоаты в IE6 (((

    Добрый день! Заранее извиняюсь, что вопрос по Drupal'у, но код, который Drupal генерит для темизации, могла бы сгенерить и любая другая CMS. Пытаюсь приколотить панель регистрации в строку меню и форму поиска туда же, делаю все флоатами. В FF и других Strict-браузера все отображается отлично, а вот в IE6 - безбожно разъезжается (в особенности - форма поиска). Page.tpl.php выводит следующий стандартный HTML для формы поиска (его, собственно, и пускаем под CSS): 1. 2. Login/Sign up 3. 4. 5. 6. 7. 8. 9. 10. 11. Спан login-search я сам добавил, чтобы все в одной строчке (меню) было. CSS (рабочий в FF) выглядит так: 1. /*общая форма для логина и …

    Asked by pep,

    0 votes
    2 answers

  12. Плывут элементы верстки при масшабированиии

    Всем привет. Фиолетовый border сверху и серая полоска header-afterbg при увлечении масштаба (когда появляется полоса прокрутки) сдвигаются влево, хотя все остальные элементы остаются на своих местах. Возможно, все дело в float? Помогите, пожалуйста. http://a96362zl.bget.ru/index.html

    Asked by IvanRu08,

    0 votes
    0 answers

  13. Плывут элементы верстки при масшабированиии

    Всем привет. Фиолетовый border сверху и серая полоска header-afterbg при увлечении масштаба (когда появляется полоса прокрутки) сдвигаются влево, хотя все остальные элементы остаются на своих местах. Возможно, все дело в float? Помогите, пожалуйста. http://a96362zl.bget.ru/index.html

    Asked by IvanRu08,

    0 votes
    8 answers

  14. Плывущие облака на фоне

    Доброго времени суток. Выделил с сайта код, но работает только в Chrome и Firefox, а в Safari и IE не работает. Помогите сделать его кроссбраузерным. Пример

    Asked by I.S.Borodin,

    0 votes
    3 answers

  15. Плюсы и минусы верстки

    Здравствуйте. Скажите, пожалуйста, все плюсы и минусы этой верстки. http://itmages.ru/image/view/1558163/bc9bb30a @charset "windows-1251";/* CSS Document */body { margin: 0px; padding: 0px; width: 100%; background: #00dbfb; font: bold 16px/30px Arial, Helvetica, sans-serif; color: #578eb8;}.p { line-height: 1.5; margin: 0px; padding: 7px 30px;}.pre { width: 300px; margin-left: 390px; margin-bottom: 0px; padding: 0px 0px 25px 0px; font: 16px/20px bold Arial, Helvetica, sans-serif;}.leftimg { float: left; margin: 10px;}p { margin: 0px; padding: 0px;}h1 { color: #FFFFFF; margin: 0px; padding: 100px 0px 0px 30px; font-family: Verdana, Arial, Helvetica, sans-serif;}h2 { marg…

    Asked by zolga7,

    0 votes
    11 answers

  16. Пляшет кнопка не смотря на border-box

    Не пойму что за фигня. Красная кнопка "купить" на сайте http://zverushka.zz.mu/chehol/ Обычное состояние padding: 1px 0 0 2px;. Наведенное - padding: 0; Стоит box-sizing: border-box, но когда на навожу на кнопку - все блоки пляшут. Не понимаю, почему. При этом похожую кнопку я реализовала и все ок было, а тут видимо закралась какая-то ошибка. Не могу понять, что за ошибка.

    Asked by Zverushka,

    0 votes
    2 answers

  17. Пляшут иконки во время анимации - яндекс браузер

    http://zverushka.zz.mu/podarok/index.html#nav-podarok в яндексе браузере чуть двигаются иконки. что за чертовщина? В анимации только .scale(0,5) и opa(0) для блока. И еще говорят у карты в яндекс браузере уголки не круглые. У себя такого не замечаю, может у кого-нибудь тоже не круглые?

    Asked by Zverushka,

    0 votes
    2 answers

  18. ПНГ кнопка тянущаяся по содержимому

    Ребят, снова нужна ваша помощь, перед нами встала новая задача, вобщем нужно сделать кнопку с закруглёнными углами именно на ПНГ24, и с Ховер эффектом (обязательно!) что-бы эта вещь работала везде, особенно в ИЕ6! Вроде бы проблем нет, но дело в том, что нужно: 1) Кнопка НЕ должна быть фиксированного размера(фикс только Высота), а должна растягиваться именно по содержимому 2) Нужно что-бы в любой момент можно было выравнить эту кнопку по середине экрана, или что-бы легко можно было её прифлоатить влево или вправо при желании 3) Уголки и центр должны состоять из Одного Спрайта, один рисунок! 4) При наведении на кнопку в Любом месте!, вся она должна изменять цвет, вобщем Хо…

    Asked by psywalker,

    0 votes
    53 answers

  19. По XML / XSLT есть вопрос

    Кто работает с этим инструментом, подскажите вот что. Существуют какие-нибудь особенности при работе с IE? Дело в том, что есть сайт. Во всех браузерах всё хорошо, во всех версиях IE (6,7,8) - белый экран. Искать ошибку в синтаксисе или есть особенности, как в вёрстке?

    Asked by botyaslonim,

    0 votes
    3 answers

  20. По БЭМу ли?

    https://jsfiddle.net/qg3n0yaw/

    Asked by Daniil Khanin,

    0 votes
    0 answers

  21. по всей высоте дива фон

    есть верстка в три колонки+шапка div имеет background img div в высоту равняется высоте контента как сделать что б div в высоту был на максимум а не по высоте контента? div{ height :100%} - не катит так как высота получается всей страницы вместе с шапкой, а надо без нее.

    Asked by newbigmir,

    0 votes
    4 answers

  22. По горизонтали фиксировано, но по вертикали должно ездить

    Здравствуйте! Есть страница сайта: http://gorenje.desig...u/produkty.html На ней есть внизу две (красные) плашки. В общем надо, чтоб при прокрутке в окне браузера они по оси Y оставались на одном месте (как сейчас и есть), а по оси X сдвигались вместе с серой рамкой (если меняем ширину окна). Тоесть чтоб они были прикреплены к серой рамке статьи (по оси X) и при резайзе окна браузера никуда не убегали (по оси X). Возможно ли это сделать с помощью CSS ?

    Asked by sc_creator,

    0 votes
    1 answer

  23. По Джумле есть спецы?

    мне нужно в джумле 1.5. вывести компонент контактов (с обратной связью) в позиции модуля. КАК?

    Asked by piryaz,

    0 votes
    1 answer

  24. ПО для создания "графических" макетов

    Всем хи... Подскажите плиз существуют ли в природе какие-либо програмулины ориентированные на создание графических макетов???(никогда не делал макетов, сразу верстал в HTML). То есть чтобы можно было быстро сделать набросок, а потом, когда определишься с примерным видом страницы, наводить красоту в фотошопе например.

    Asked by CoDy,

    0 votes
    1 answer

  25. По каким причинам не показывает background-image?

    По каким причинам не показывает background-image? А то сталкиваюсь иногда с этой проблемой, а понять почему так происходит не могу.

    Asked by boompaw,

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