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 и других браузерах

    Пожалуйста, помогите. При наведении курсора на иконку рисунка показывается увеличенное его изображение. Во всех четырех основных браузерах - нормально, Эксплорер, будь он неладен, делает все не так. Что-то с z-index, наверное. ПРоблема: первая картинка, когда увеличивается, подлазит под вторую картинку. Вот пример: http://intomega.com/temp3.php В других браузерах - все ОК: Мозилла, Опера, Сафари, Кром. Вот стили, которые использую. <style> .hoverbox a .preview { display: none; } .hoverbox a:hover .preview { display: block; position: absolute; top: -35px; left: -25px; z-index: 1; } .list { display: inline; margin: 10px; padding: 10px; posi…

    Asked by Эдди,

    0 votes
    4 answers

  2. Проблема со стилем в ссылке

    есть код: .menu-header li {float: left; margin: 0 28px 0 0;} .menu-header li a {font: bold 13px 'PT Sans'; display: block; height: 15px; text-transform: uppercase; color: #352530; text-decoration: none; text-decoration: none !important; background: url('./images/dot1.gif') repeat-x bottom left;} .menu-header li a:hover {color: #faa000; text-decoration: none !important; text-decoration: none !important; background: url('./images/dot2.gif') repeat-x bottom left;} .menu-header li a.active {color: #faa000; text-decoration: none !important; text-decoration: none !important; background: url('./images/dot2.gif') repeat-x bottom left;} <ul> <li><a href="#" class=…

    Asked by okunev2,

    0 votes
    12 answers

  3. Проблема со стилями

    Сначала страничку сделал при помощи таблицы. Все работало на ура, только не корректно отображалась в IE. Решил переделать с использование DIV. Все правильно отображается, но при первом открытии страницы не применяются стили. Когда следом обновляю страницу все становится как положено. Как я понимаю с первого раза таблица стилей не подгружается. Может кто сталкивался с этим, как можно это победить? Пример: - buy-club.ru

    Asked by branday,

    0 votes
    6 answers

  4. проблема со стилями css

    Добрый день, не знаю по теме ли вопрос с PHP include, но может кто нибудь знает и поможет. Сайты разрабатываю на локальном сервере. Суть в том что когда я применяю функции php include, почему то стили не работают, но не всегда, потому что до этого я делал тоже самое с другим файлом и все работало нормально. Я просто понять не могу в чем вообще может быть проблема, браузер обновлял crtl+f5, чистил кэш. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="/css/vsestyle.css"> </head> <body> <header> <div class="box"> </div> &lt…

    Asked by мурамаса,

    0 votes
    4 answers

  5. Проблема со стилями при переносе сайта с narod.ru

    Проехали.

    Asked by zxls,

    0 votes
    0 answers

  6. Проблема со стилями!

    Добрый всем час уважаемые посетители форума. Имеется проблема, которую было бы хорошо решить как можно быстрее. Обратился к вам. Мб есть ответ уже на форуме или в гугле, но все же, решил у вас спросить. Имеются стили: img{ width: auto\9; /* ie8 */ height: auto; width:auto; width:100%; max-width: 100%; } Они собственно для всех img на странице. Тут все понятно. Но, вот в чем собственно вопрос, для одного изображения, мне нужны совершенно другие стили. Поступил я так, присвоил ему id="img_test" и написал так: img#img_test{ width: auto\9; /* ie8 */ height: auto; max-width: 100%!important;} Но, изображение все равно придерживается основных стилей. Как поменять при…

    Asked by Skiffsc,

    0 votes
    5 answers

  7. Проблема со страницами в виде xhtml

    Сейчас делаю сайт на html4.0, но хотел бы чтобы сайт корректно отображался и следуя современным требованиям хочу сделать на xhtml. Но по каким-то причинам браузер IE6 некорректно работает со страницами. Т.е. нельзя выделить часть текста для копирования, а браузер выделяет чуть ли не весь текст на странице, как только мышью кликаешь на какую-нибудь букву. Чем может быть вызвана такая ошибка? В других браузерах всё корректно.

    Asked by clavin,

    0 votes
    3 answers

  8. Проблема со фоном в футере

    Ситуация. В шапке сайта фоном лежит изображение, прописанное в css: body { padding: 0; margin: 0; background: #003D73 url(img/bg2.jpg) no-repeat center top; width: 100%; display: table; } Макет простой и состоит на данный момент буквально из двух таблиц (которые лежат на фоне img/bg2.jpg): ————————-- | основной контент сайта | ————————-- ————————-- |футер | ————————-- Вот в футер, в отдельную таблицу, хочу добавить еще одно фоновое изображение, поверх которого вывести телефоны, контактные данные и пр. Но это фоновое изображение не появляется ибо body забивает собой всю страницу. Как решить эту проблему?

    Asked by wcp,

    0 votes
    6 answers

  9. Проблема со шрифтами

    При одинаковых значениях у меня почему-то получаются разные шрифты в браузерах, разница особенно с эксплорером. Вот, допустим в IE: А вот, в лисичке: В ИЕ у меня текст более сглаженный(приятный на вид)и немного жирнее всегда выглядит, а в других какой-то пиксельный. Попробовала !important(не знаю уместно было или нет), не помогло. Как бы мне их к одному виду привести? Спасибо!

    Asked by Анна,

    0 votes
    7 answers

  10. Проблема со шрифтами

    Решил подключить шрифт нестандартный. Скачал. Вот код вставки шрифта в css файл и его применения: @font-face { font-family: Myriad; src: url(fonts/Myriad-Web-Pro-Regular.ttf); } a { font-family: Myriad; } Не получается. Смотрю в хроме - шрифт вроде подгрузился: https://docs.google....dit?usp=sharing Но почему-то пропечатывается он как times roman. Если открыть его на компе, то вот, совсем иная картина: https://docs.google....dit?usp=sharing Что я делаю не так?

    Asked by Bumblebee,

    0 votes
    1 answer

  11. Проблема со шрифтами

    Добрый день! Подгружаю шрифты с google fonts, имя шрифта Fira Sans (и причем он у них отображается корректно), но когда я его подгружаю он выглядит так как будто избитый. Привожу 2 скриншота: 1. Как выглядит шрифт на google fonts 2. Так выглядит у меня Почему так получается? Все эти манипуляции я провожу в браузере Firefox.

    Asked by xek,

    0 votes
    10 answers

  12. Проблема со шрифтом

    Здравствуйте! Как перенести запятую к слову которое распологается слева а не справа? Вот скриншот - линк Я так понимаю, что дело решается с помощью CSS? Пробовал использовать word-spacing и letter-spacing немного не то!

    Asked by Andrew_las,

    0 votes
    9 answers

  13. Проблема со шрифтом

    Здравствуйте, скажите в чем может быть проблема, весь шрифт отображается как -будто он bold, хотя я не указывал этого, а там где указал bold, там он практически не отличается друг от друга?

    Asked by Zahadum,

    0 votes
    2 answers

  14. проблема со шрифтом

    есть шрифт open sans pro в формате otf , белка не хочет принимать. как можно его еще конвертнуть? какие посовветуете конвертаторы? или что делать?

    Asked by raptor-dm,

    0 votes
    8 answers

  15. проблема со шрифтом

    проблема со шрифтом pfdintextpro http://joxi.ru/xAe0Kdbh800e2y и полужирный medium не корректно отображает(слишком жирный). в фотошопе все отлично. как решить проблему? версию шрифта нашел только одну и она корявая.

    Asked by raptor-dm,

    0 votes
    2 answers

  16. Проблема со шрифтом Arial

    Подскажите как установить шрифт Arial Regular ? selection-studio.ru/wp - вот там снизу Теги и Антресоль

    Asked by Select,

    0 votes
    10 answers

  17. Проблема со шрифтом Roboto

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

    Asked by raptor-dm,

    0 votes
    0 answers

  18. Проблема со шрифтом в div блоке с тегом <p>

    <div class="center-menu"> <div class="center-bar-one"> <h1> Новости </h1> <p>Сегодня 21 января было совершено нападение на одного из наших брокеров, прямо у дверей московской фондовой биржи. Нападающий выскочивший из за угла был одет в черный костюм с красным галстуком и в маске напала на олега олежина после чего скрылся и его след простыл. Олежин был немедленно госпитолизирован, мвд по московской области ведет расследование.</p> </div> </div> Вот хтмл код этого элемента .center-bar-one { float: left; width: 150px; height: 200px; font-size: 11px; color: blue; } Когда я прописываю разм…

    Asked by мурамаса,

    0 votes
    1 answer

  19. проблема со шрифтом и тенью

    Здравствуйте! При верстке учебного макета Влада http://htmlbook.ru/samlayout/verstka-na-html5/maket-saita столкнулся с двумя проблемами: 1. шрифт jacob_ctt.ttf ну ни как не хочет отображаться на страничке. Хотя в систему (виндовс) ставится нормально. Если вместо него подсунуть в css дпугой шрифт - все работает. Подключаю фонт так: @font-face { font-family: JacobCTT; src: url(../mock_up/jakob_ctt.ttf);} 2. как не пытался не смог "подсунуть" .informer:after под .informer или "перекрыть" .informer:after .informer`ом. для создания тени. Подскажите, как решить эти 2 проблемы? Сама верстка находится тут: http://snake3.16mb.com/Lion/page.html

    Asked by Denni,

    0 votes
    5 answers

  20. Проблема со шрифтом. В верстке он отличается от того что я нарисовал в фотошопе

    Проблема с надписью "Как влияет кризис на рабочие места?". Вот эта надмись в фотошопе: Вот что у меня появляется вёрстке: Вот код этой надписи: <span class="orange_14">Как влияет кризис на рабочие места</span> Вот её клас: .orange_14 { color: #f8960b; font-size:14px; font-family:Tahoma, Geneva, sans-serif; font-weight:bolder; } Почему в фотошопе эта надпись значительно уже нежели в вёрстке. Для ориентира смотрите на полосу выше надписи, это конец банера.

    Asked by dimanlin,

    0 votes
    6 answers

  21. Проблема совместимости при вёрстке

    Всем привет! Нужна помощь/консультация! Возникла проблема с отображением сайта в IE8 и FireFox-e. В опере и сафари - всё работает. Немного предистории: Нарисовал сайт в фотошопе, разрезал на куски и получил HTML-код (Photoshop-овский). Отображалось всё нормально во всех броузерах, а потом добавил JavaScript (значки меню меняют цвет) и после этого в IE8 отображение сайта стало некорректным. сам понимаю, что виной тому какая-то несовместимость скрипта и IE8, но не могу понять какая и как сделать, чтобы во всех броузерах отображалось корректно... Буду очень признателен, если поможете/подскажете... Сайт здесь: http://narod.ru/disk/25765214000/SLICED.rar.html

    Asked by Kavar_Duck,

    0 votes
    17 answers

  22. проблема создания кода

    Подскажите пожалуйста, как сделать код в html таким образом, чтобы веб-страница открывалась не на всю ширину браузера!?

    Asked by popsa08,

    0 votes
    13 answers

  23. Проблема сохранения верстки при компилировании набора html страниц в chm с использованием AdobeRobohelp

    Всем привет. Я только начинаю осваивать html, css и все что с этим связано, поэтому сразу прошу прощения если вопрос окажется глупым. Проблема такая: я написал страницу html, прикрутил к ней css файл, но при компилировании его в файл справки часть функций не работает. В чем может быть причина? Конкретно не работает: всплывающая подсказка, скругление углов у div. Остальное форматирование переносится нормально. Заранее спасибо!

    Asked by Тернан,

    0 votes
    3 answers

  24. Проблема спика в Safari и Chrome

    День добрый! Проблема следущая. ПРи построении горизонтального списка с float: left в firefox,msi и opera, отображается корректно: но в chrome и safari выдает такую бяку: Конструкция списка html: <div class="cpt_product_lists"> <ul > <li> </li> </ul> </div> Css: .cpt_product_lists ul { list-style:none; margin:0; padding:0;} .cpt_product_lists ul li { float:left; margin: 20px 8px 0 17px; border: 1px dashed #666; } Реальный пример сайта: пример Помогите пожалуйста, танцую с буном уже 4 час, менял конструкцию на li c inline-block, и на li с overflow:hidden, ни чего не помогает.

    Asked by san4es_86,

    0 votes
    5 answers

  25. Проблема списка в IE6 и IE7

    Есть сайт который работает нормально везде, кроме ослика и его старшего брата. Вот в чем проблема, список начиная с атласной ткани должен идти без фоновой картинки. В остальных браузерах отображается как надо. И есче, почему то уходит правая фоновая картинка куда-то? Помогите разобраться, спасибо.

    Asked by mazhar,

    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