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. Макет сайта

    Здравствуйте! Сделал сайт Там архитектура следующая: Контейнер, у него BG стоит внизу - имитация Footer. Header, у него фон - верхняя картинка. И "Content" - фон белый и отрицательный margin сверху. Сам понимаю, что не очень... всё это делалось в блокноте и очень хотелось что б "Content" как бы накладывался на фоновые изображения. А ничего лучше придумать не смог. Сейчас решил переделать, но опять не пойму как сделать так, что б всё было правильно и красиво. Подскажите пожалуйста способ реализации этого макета.

    Asked by grindel13,

    0 votes
    13 answers

  2. css отображение, reset.css

    есть таблица с использованием css3. На локальном клмпе выглядет идеально. Но после закидывания ее на сайт под Джумлой она косячится. Мне посоветовали css reset, я даже понял для чего это. Теперь мне нужно переопределить некоторые свойства таблицы. Вопрос, как это делать? если через firebug отключать опции в reset.css border-collapse: collapse; border-spacing: 0; то таблица показывается верно. значит мне эти опции надо переопределить в моем стиле. мой стиль оформлен так и дописан в коенц темплейта ксс.

    Asked by radarium,

    0 votes
    11 answers

  3. Оцените семантику

    Здравствуйте, оцените, пожалуйста, структуру: <!doctype html> <head> <!-- Metatags and other... --> </head> <body> <section> <header> <!-- Logo and banner --> </header> <nav><!-- Speedbar --></nav> <article> <h1><!-- Title --></h1> <!-- Content --> <nav><!-- Navigation (Pager) --></nav> </article> <aside> <menu> <!-- Menu --> </menu> </aside> <div id="empty"></div> </section> <footer> <!-- Footer --> </footer> </body> </html>. Футер прижат…

    Asked by Mr.Smith,

    0 votes
    8 answers

  4. граница (border) Между div-ами

    Хочется так: div —-border—- div —-bodrer—- div Сделал бы через rules, но опера как известно не видит тег. Делал через php такую штуку (последнему div вписывался другой стиль), но щас нужно через css. Я не знаю как это делать, пробывал тут поискать, не нашел... Есть варианты (для популярных браузеров) ?

    Asked by Ritter,

    0 votes
    4 answers

  5. проблема с margin

    вот простой пример - http://jsfiddle.net/keut3/ Почему так выходит? Ведь у вложенного дива (.panel) отступы должны браться относительно родителя (.phone)? А выходит, как будто margin задан body. Как исправить? Наверно, это как- то связанно с Margin Collapsing? Никогда его смысла не понимал...

    Asked by Odrin,

    0 votes
    11 answers

  6. Кривое отоброжение в IE

    Не могу нормально вывести форму поиска на сайте, если смотреть оперой, мозилой, или хромом, все нормально, а в ie7 дизайн разъезжается. Помогите понять в чем ошибка. Вот адрес сайта _http://ural-as.com/ Сильно не пинайте так как новичок.

    Asked by sadko007,

    0 votes
    3 answers

  7. Правильное перечисление селекторов

    Добрый вечер коллеги! Посоветуйте как поступить, чтобы ссылки одинаковые были в обоих блоках? <div id="left_block"> <a href="#">ссылка 1</a></br> <a href="#">ссылка 2</a></br> <a href="#">ссылка 3</a></br> <a href="#">ссылка 4</a></br> </div> <div id="right_block"> <a href="#">ссылка 5</a></br> <a href="#">ссылка 6</a></br> <a href="#">ссылка 7</a></br> <a href="#">ссылка 8</a></br> </div> …

    Asked by XuLLlHuK,

    0 votes
    13 answers

  8. Читалка FB2. Книжный режим чтения

    Добрый день всем) Делаю читалку для формата FB2 (на С++), текст, который отпарсил, перевожу в html. Передо мной встала проблема: не знаю как сделать книжный режим чтения (две страницы на экране). Программно он, видать, не решается. Вот и подумал, может быть можно это сделать, прибегнув к css и html? Т.е. нужно как-то указать, чтобы текст отображался только в двух прямоугольниках на экране. У меня идея такая: создать два фрейма, каждый высотой в высоту экрана, а шириной - в пол экрана. И в них размещать текст. Правда не знаю что делать, когда текст заполнит весь фрейм - ему нужно указать, чтобы заполнял соседний фрейм. А после перелистывания - след. два фрейма. Вот как-то …

    Asked by xmlns,

    0 votes
    1 answer

  9. Google chrome min-height , height:auto не робит!

    #container { width:900px; height:auto !important; height:100%; min-height:100%; background-color:white; margin: 5px auto 0; } <div id="container"> [indent]<div id="header"></div> <div id="leftmenu"> <div id="logo"></div> <ul> <li><a href="index.php">Главная</a></li> <li><a href="index.php?p=articles">Статьи</a></li> <li><a href="index.php?p=about">Обо мне</a></li> <li><a href="index.php?p=feedback">Обратная связь</a></li> </ul> </div> <div id="content">много текста</div>[/indent] &l…

    Asked by danial72,

    0 votes
    5 answers

  10. Резиновый фон

    Доброго времени суток. Прошу помочь с реализацией резинового фона. Просмотрел все варианты, попробовал сделать через div+img, но возникла одна проблема. Суть ее в том, что при сужении окна браузера появляются скролллбары, которые как бы обрезают фон (см. изображение).

    Asked by Underline,

    0 votes
    4 answers

  11. Меню с координатами

    Помогите пожалуйста найти как называется или статейку про то как сделать так что например у меня в меню есть 2 кнопки.. нажав на одну у меня просто прокручивается вниз до определённого тэга на этой же странице или как то так... нажав на вторую кнопку, прокручивается до другого тега... или как то так с координатами.. точно знаю что где то видел, а где найти, не знаю...

    Asked by laviper,

    0 votes
    1 answer

  12. загрузка внешнего шрифта

    Добрый день, вопрос наверное глупый но все же очень хотелось бы, есть ли шанс подзагрузить шрифт силами css и html? Т.е. в css прописано font-family: шрифт-которого-нет-у-юзера-на-компе,Arial, Helvetica, Sans-Serif; font-size: 40px; font-style: normal; есть ли какая либо возможность отображения этого шрифта? если нет, считается ли некрасивым или некорректным в плане верстки ставить текст логотипа через img src? да и вообще как быть, если дизайнер указал в качестве стандартного (всего текста на сайте) шрифт отсутствующий в стандартных наборах? заранее спасибо

    Asked by WabFad,

    0 votes
    4 answers

  13. фиксированный бекграунд при определенной высоте

    Привет. Есть картинка на бекграунд размерами больше чем разрешение экрана, то есть у нас появляются полосы прокрутки по вертикали и горизонтали. Я добавляю текст чтобы он был больше чем высота картинки. Теперь вопрос. Как сделать прокрутку по горизонтали и прокрутку до высоты картинки, и после этого картинка становится фиксированной при вертикальной прокрутке, то есть в начале у нас прокручивается и фон и текст, а после того как дошли до конца фоновой картинки, то у нас прокручиввается только текст. Думаю объяснил внятно. Где-то похожее я видел, только очень давно.

    Asked by sergeyvolk,

    0 votes
    35 answers

  14. Opera 10. Некорректное отображение выпадающего меню

    Здравствуйте. Столкнулся с проблемой (багом?). Меню строится на основе вложенных маркированных списков с применением css. При наведении на определенный пункт - он подсвечивается другим фоном. Выпадающее подменю ведет себя приемлемо во всех браузерах. Исключение составляет Opera 10, в которой подсветка выделенного элемента подменю не происходит, в случае нахождения под ним плавающего изображения с параметром <img style="float:left"/>. Прошу подсказать, как можно обойти этот проблему (баг?) средствами css. Ошибка вылезла здесь: http://ib-spb.ru/news PS Просьба не рассматривать это сообщение как рекламу сайта

    Asked by Radiocity,

    0 votes
    1 answer

  15. Firefox или я: кто сошел с ума?

    Всеми привет Бьюсь всю ночь... Не могу понять. Есть код (черновой вариант). Суть: Firefox показывает лишний отступ в 1px. Вот черная полоска (бордер) над красным прямоугольником "Пурум"... Chrome, Opera ее перекрывают, а FF нет (IE тоже нет, но с ним хоть ясно, как бороться). Что может быть не так? Что я не учитываю? Спасибо. <BR><BR><BR><BR><BR><BR> <DIV style="background-color:#EFEFEF; border-top:1px solid #000000; border-bottom:1px solid #000000;"> <TABLE width="100%" cellspacing="0" cellpadding="0" style="position:relative;top:-28px;"> <TR> <TD valign="top"><DIV style="float:left; font:20px/24px Arial; …

    Asked by Artlive,

    0 votes
    3 answers

  16. как сделать полупрозрачный border

    как сделать полупрозрачный border как на этом сайте http://css-tricks.com/ вот - исходный код смотрел и этого там нет

    Asked by T@NKIST,

    0 votes
    23 answers

  17. Проблема с style.css

    Добрый день. Я только учусь html и css. Вот Пытаюсь сделать страничку для ресторана. Возникла проблема: когда сайт запускается на компьютере все работает отлично но когда закидываю на хост перестает работать style.css или работает некорректно. Ниже код html и css. Что там не так, уже сил нет. Спасибо заранее за помощь. Сам сайт www.crystall.zp.ua HTML Код И CSS

    Asked by K2A,

    0 votes
    13 answers

  18. не работает код

    http://jsfiddle.net/n2tZD/ у меня не работает http://javascript.ru/tutorial/object/intro#dobavlenie-svoystv здесь на сайте работает, что я не так делаю подскажите плз

    Asked by olga153b,

    0 votes
    2 answers

  19. Едет верстка при первой загрузке

    Всем привет! Народ, может кто знает в чем тут может быть проблема? У меня верстка едет при первой загрузке страницы. Потом нажимаю ctrl+R и все становится нормально.

    Asked by iron_maiden,

    0 votes
    5 answers

  20. Разные кодировки

    У меня вопрос к специалистам какая разница какую кодировку использовать UTF-8 или ....-1251?

    Asked by nightgremlin,

    0 votes
    11 answers

  21. Верстка div-ами

    Подскажите, как на дивах сверстать такой макет? Конкретно трудности вызывают цветные блоки и блок снизу в левой колонке. Макет

    Asked by Goldie,

    0 votes
    8 answers

  22. Фиксированный слой

    Структура сайта такова Heder. Левый sidebar, content, footer Header и sidebar фиксированные position:fixed; Проблема в том что при прокрутки в низ sidebar накладывается на footer, как это исправить?

    Asked by Demeus,

    0 votes
    20 answers

  23. usability специалист

    Всем привет! Уж не знаю, суда ли я пишу, но другой ветки не нашел под это дело, ведь в принципе вопрос от новичка пусть и не технического характера. собственно вопрос(ы) - usability специалист кто он? где можно на него "отучиться"? я конечно понимаю, что это такой спец почти во всем - психология, маркетинг, технарь, менеджмент и т.д. и нужно иметь кучу знаний во всем этом, но есть же какие курсы которые готовят именно под эту "профессию"!? или это все практика и еще раз практика!? если выскажутся люди которые этим занимаются профессионально, то очень буду рад услышать с чего начинать копать в этой профессии - книги, форумы, курсы и т.д буду рад всем мнениям, матюкам и пр…

    Asked by Torvin,

    0 votes
    0 answers

  24. сделать картинку фоном

    посоветуйте пожалуйста способ, которым можно решить проблему. имеется изображение .jpg, текст и div, в котором они должны быть размещены. разместить нужно так чтобы текст обтекал картинку. картинка не имеет семантической ценности поэтому хотелось бы разместить её в виде фона. при этом текст перестанет её обтекать. каким способом его можно оставить в том же виде? есть идея растянуть однопиксельный .gif до размеров картинки. но она мне не очень нравится, так как в разметке появляется лишний тэг, применяемый в оформительских целях.

    Asked by cyklop77,

    0 votes
    1 answer

  25. Второй шаг. Тянем резину

    Представляю свой второй сверстанный макет FirstOrange Прошу посмотреть, оценить, покритиковать и наставить на путь истинный в дальнейшем освоении этого увлекательного занятия

    Asked by MadMax,

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