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. Расположение блоков

    Привет всем.Начал пробовать верстать свой первый шаблон.Столкнулся с несколькими проблемами. 1)Блок меню не становится на своё место как на скрине 1. 2)При изменении масштаба мой шаблон растягивается как на скин 2(а другие не растягиваются как на скин 3) 3)Есть большая просьба посмотреть коды моего шаблона может что то не так сделал или неправильные теги испрользовал. Сайт на катором шаблон http://proba-12345.ucoz.ru/ Cкрине 1 Cкрине 2 Cкрине 3 HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <t…

    Asked by nimens,

    0 votes
    5 answers

  2. порядок загрузки страницы

    очень интересен порядок загрузки страницы. опишу как я его понимаю, если не правильно, то поправьте пожалуйста. js-код по возможности помещают ближе к концу html-кода чтобы сначала на экран выводилась основная информация, которая в тегах, а потом уже js-плюшки. то есть браузер получает с сервера код полностью. затем на основе каких то правил(у каждого браузера они свои) строит некоторую модель(в первую очередь обрабатывается неяваскрипт). потом происходит вывод информации. потом обрабатываются скрипты и снова результат выводится на экран. так ли это? вообще спрашиваю потому, что интересно если встраивать в html-код скрипты тэгом <script>, то будет ли это равносильн…

    Asked by cyklop77,

    0 votes
    1 answer

  3. нужна помощь

    есть изображение линии с абсолютными координатами, как ее можно размножить до определенной точки. у меня получается вот такой вариант, но тут он ее просто растягивает на заданную длину, а не копирует. <div style="background-image: url('line_1.gif'); height: 2px; width: 550px; position: absolute; top: 46px; left: 585px;"></div>

    Asked by montana,

    0 votes
    9 answers

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

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

    Asked by MadMax,

    0 votes
    7 answers

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

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

    Asked by cyklop77,

    0 votes
    1 answer

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

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

    Asked by Demeus,

    0 votes
    20 answers

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

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

    Asked by Torvin,

    0 votes
    0 answers

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

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

    Asked by nightgremlin,

    0 votes
    11 answers

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

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

    Asked by iron_maiden,

    0 votes
    5 answers

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

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

    Asked by olga153b,

    0 votes
    2 answers

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

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

    Asked by K2A,

    0 votes
    13 answers

  12. Подскажите аудиоплеер

    Здравствуйте,подскажите флеш аудиоплеер для сайта. Где есть функции javascript для остановки воспроизведения, если запустился другой трек. Понравился drplayer, но у него нельзя поменять background-color, так как уже скомпилированная swf. Так же смотрел nx_audio_player. Но он почему-то тормозит в FireFox и надо написать хак для IE.

    Asked by oke11o,

    0 votes
    1 answer

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

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

    Asked by T@NKIST,

    0 votes
    23 answers

  14. 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

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

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

    Asked by Radiocity,

    0 votes
    1 answer

  16. 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

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

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

    Asked by sergeyvolk,

    0 votes
    35 answers

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

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

    Asked by WabFad,

    0 votes
    4 answers

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

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

    Asked by laviper,

    0 votes
    1 answer

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

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

    Asked by Underline,

    0 votes
    4 answers

  21. Неправильное отображение картинок в IE

    Не так давно начал делать сайты, знаю про глюки ИЕ, но с таким столкнулся впервые, гугл ни к чему не привёл. Шапка сайта переходит в фон, а ИЕ делает мне подвох. Описать словами трудно, прилагаю картинки. Во всех браузерах отображается так А в ИЕ вот так Как с этим бороться? Почему шапка не перетекает в бэкграунд?

    Asked by sklins,

    0 votes
    12 answers

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

    Добрый вечер коллеги! Посоветуйте как поступить, чтобы ссылки одинаковые были в обоих блоках? <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

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

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

    Asked by Ritter,

    0 votes
    4 answers

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

    Здравствуйте, оцените, пожалуйста, структуру: <!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

  25. Индивидуальное выравнивание для колонок таблици

    Всем привет. Есть оч. большая таблица, в которой нужно задать для некоторых колонок индивидуальные стили(например выравнивание). Проставлять для каждой ячейки класс, к которому потом прикрутить стили, не очень хочется, поскольку это ощутимо увеличит размер страницы, на которой будет размещена данная таблица. Пытался копать в сторону col и colgroup, - но спецификация говорит, что таким образом можно задать только высоту, границу, фон и visibility. Как вариант рассматриваю JS, но хотелось бы обойтись без нее. Не подскажите есть ли какой-нибудь альтернативный способ стилизации ячеек колонки кроме как через присвоение класса каждой ячейке? Вот ссылка http://jsfiddle.net/GW8dy…

    Asked by CoDy,

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