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. Верстка круглой диаграммы

    Здравствуйте! Подскажите пожалуйста, реально сверстать такую диаграммку резиновую? Или придется использовать какие-то библиотеки JS? Спасибо

    Asked by decode,

    0 votes
    5 answers

  2. Непонятный отступ

    Всем, привет. Подскажите, пожалуйста, почему получается отступ слева (см. на картинке). Всё перепробовал, но отступ остается. Картинка: https://www.dropbox.com/s/ietqy7n4j0q24k6/112.png css: #section_menu {position:absolute;top:157px;height:43px;width:100%;font-size:12px;background:#3463B3;}#section_menu li {display:inline-block;padding:15px 15px;font-weight:700;text-transform:uppercase;border-right:1px solid #2A4569;}#section_menu a {color:#fff;text-decoration:none;}#section_menu li:hover {background: #333;}html <ul id="section_menu"> <li class="selected"><a data-page="1" href="">Главная</a></li> <li>&lt…

    Asked by atatat,

    0 votes
    9 answers

  3. Как сверстать такой блок.

    Каким лучше способом сверстать такое модальное окошко? Оно должно быть резиновым.

    Asked by Светлана Г.,

    0 votes
    15 answers

  4. Колонки одинаковой высоты и кнопки внизу

    Доброго времени суток! Подскажите пожалуйста, как грамотно сверстать такой блок: Т.е. чтобы колонки были одинаковой высоты при неизвестном количестве текста, а кнопки снизу находились на одном уровне. В голову приходит только вариант с таблицей. Еще должно работать в IE7. Спасибо!

    Asked by web-monster,

    0 votes
    1 answer

  5. Остановить автопроигрывание видео

    Есть вот такой простой код <iframe src="video/SA_bogatikov.mp4" frameborder="0" allowfullscreen></iframe> Он сразу проигрывается при загрузке страницы. Как убрать автопроигрывание?

    Asked by Zverushka,

    0 votes
    10 answers

  6. table-cell и inline-block

    Добрый день. Помогите с моей проблемой. Прикрепляю мою проблему к вопросу http://jsfiddle.net/ElDarco/FALdz/ Дело в том что когда я делаю .cell linline-blockом сразу же слетает разметка table-cell. Я чего-то не понимаю?

    Asked by ElDarco,

    0 votes
    3 answers

  7. Изза чего зависает браузер и компьютер?

    Заметил уже давно что если на странице есть елементы внешнего характера,ну видео с ютуба или виджет,то при запуске/обновлении этой страницы браузер зависает сек на 30,а иногда и сам комп,но если залить эту страницу на сервер и загрузить её с инета то она грузится нормально. Почему так и что можно сделать?А то по 500 раз в час заливать одну и ту же страницу на серв как то напряжно...

    Asked by pudge,

    0 votes
    6 answers

  8. Верстка, где основная высота страницы в зависимости от разрешения меняется, но при этом нет основной полосы прокрутки

    Добрый день всем! В общем проблема в следующем: необходимо сделать так, чтобы высота основного блока менялась в зависимости от разрешения экрана, но при этом полоса прокрутки должна появляться только сбоку от элемента, где показана вся основная информация(помимо этого блока имеются шапка и футер) как-то так: Можно ли вообще это сделать средствами css? Или придется использовать javascript? Буду очень благодарен всем, кто поможет решить эту задачу.

    Asked by Findquestion,

    0 votes
    8 answers

  9. Куда исчезает выпадающее меню?

    http://codepen.io/hristofor/pen/jtfGC У ссылки item3 должно быть выпадающее меню.Вроде бы оно есть, точнее есть только начало меню.Не подскажите куда девалась всё остальное? Заранее спасибо)

    Asked by hristofor,

    0 votes
    2 answers

  10. Статичный Бэкграунд

    вот здесь надо сделать статичный бэкграунд, примерно как здесь. body {background:url(КАРТИНКА) center top fixed no-repeat;}должно работать, но не получается.

    Asked by djan,

    0 votes
    6 answers

  11. Проблема с назначением классов и валидацией

    Приветствую, друзья! Столкнулся на днях с серьёзной проблемой - не работают классы у 2 элементов. Соответственно к ним не применяются стили. HTML-валидатор в этих местах фиксирует ошибки: Line 17, Column 54: Attribute сlass not allowed on element form at this point. Line 27, Column 27: Attribute сlass not allowed on element div at this point. Собственно код: HTML <!doctype html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="stylesheet" type="text/css" href="style.css"><title>Анкета CSSSR</title></head><body><div class="wrapper"> <s…

    Asked by Aquarius,

    0 votes
    2 answers

  12. Многоугольник с рамкой

    Всем привет. Вот у меня получилось сделать многоугольник на CSS: http://jsfiddle.net/2knMx/, только он без border'a. Мне интересно, а как сделать, чтобы многоугольник был с border'ом? Элементу div задал overflow: hidden, а для псевдоэлемента :before overflow: hidden — не работает. Что-то больше в голову ничего не приходит... http://jsfiddle.net/2knMx/1/

    Asked by Aleksandr.L,

    0 votes
    4 answers

  13. проблема виджета вконтакте

    В общем у меня на странице несколько видео ютуба которые спрятаны в спойлерах,под каждым я расположил по виджету вконтакта,так как нужно сделать каждый виджет индивидуальным я решил подключать для каждого видео отдельный "сайт" что бы у каждого виджета были разные метки.Но запустив все это я увидел что не получилось,все 3 виджета на странице расположены в первом спойлере под первым видео,а в остальных двух спойлерах нету ничего. Что сделать что бы стало по нормальному?Я офк попробовал скрипты меток закинуть в скрипты самих виджетов вот так <div id="vk_comments"></div> <script type="text/javascript"> VK.init({apiId: 4071592, onlyWidgets: true});…

    Asked by pudge,

    0 votes
    2 answers

  14. Несколько фонов, IE7

    Суть проблемы такова: есть сайт с структурой которая приведена ниже. Вся прелесть в том что в блоке r1 задано несколько фонов, и при изменении контента вырисовывается правильная картинка окна (один фон репитится). http://jsfiddle.net/5LFKz/ Мне нужно сделать этот же функционал под IE 7,8. По сколько несколько фонов там естественно не поддерживается, я решил разбить на отдельные контейнеры под каждую картинку. То есть те которые снизу и сверху сделать определенной высоты, а между ними блок который будет репитить изображение. Но у меня не получается это сделать. Вот мой результат: http://jsfiddle.net/5D4nr/ Пока не получилось придумать так чтобы блок o3 (нижняя часть окна)…

    Asked by Holyavko,

    0 votes
    1 answer

  15. Как вставить баннер.swf со ссылкой на ресурс

    Добрый вечер всем! Изучил немного Adobe Flash и встал перед проблемой, оказывается файл типа баннер.swf нужно как-то особо вставлять в html. Нашел кучу готовых вариантов и не у одного из них нет ссылки на ресурс. Как сделать именно ссылку к баннер.swf ???????? Что бы кликнуть можно было. Спасибо!

    Asked by Vic-Tor,

    0 votes
    2 answers

  16. Еще немного о тенях

    Всем доброго. Подскажите пожалуйста, как средствами HTML+CSS сделать такую тень (см. вложение) Или проще вырезать кусок из макета и вставить <img>?

    Asked by To_wave,

    0 votes
    3 answers

  17. Незацикленная анимация

    Насколько я знаю, в CSS для анимации есть 2 свойства: transition и animation. transition делает плавный переход от одного значения свойства к другому при, например, hover. Animation делает зацикленную анимацию. А как организовать анимацию типа animation, только незацикленную? То есть именно одиночную, а не зацикленную с промежутком в 999999 секунд.

    Asked by iKNG,

    0 votes
    1 answer

  18. Как задать разные css для каждого option в select

    Как можно задать каждому элементу в выпадающем списке разные стили? К примеру хочу сделать каждую строку разного цвета.

    Asked by Daiver,

    0 votes
    10 answers

  19. Помогите с wp версткой

    Здравствуйте! Есть такой сайт http://promokodiwildberries.ru/ нужно сверстать вывод поста как у этого сайта http://promonator.ru/shops/bay/promocode/ чтобы пост выводился в 2 колонки в первом картинка, а во втором сама статья.

    Asked by Dean Winchester,

    0 votes
    3 answers

  20. Прижатый к низу футер (пусть даже фиксированной высоты)

    Тема избитая, но что-то никак не получается. Как я рассуждаю: 1) самый Ъ способ прижать футер к низу - это сделать его абсолютно спозиционированным относительно body и прописать ему bottom: 0 (это если не вдаваться в детали). А для этого нужно что бы html и body, при малом колве контента были распахнуты на весь экран, а при большом - тянулись. 2) высота html, как и любого блочного элемента рассчитывается по контенту. Если контента мало, то нужно распахнуть высоту html по высоте области просмотра (viewport, на весь экран, короче), но так, что бы когда контента станет больше, высота html начала тянуться по контенту. Это очень просто: html { min-height: 100%;}3) Тоже сам…

    Asked by Evkaky,

    0 votes
    9 answers

  21. про таблицы

    Все ли браузеры корректно поймут Два дива (два обычных слоя) - один table, другой table-cell (display) - то есть когда мы не вставляем row (tr), который по идее должен быть в таблице. Никто не "заглючит"?

    Asked by Zverushka,

    0 votes
    6 answers

  22. пропадает ol-нумерация

    помогите пожалуйста кроссбраузерно вывести нумерованный список на страничке проблема в том, что chrome скрывает нумерацию. firefox смещает нумерацию, игнорируя padding. а результат должен выглядеть примерно так в примере я заменил тип нумерации, но это не принципиально не сильно интересует решение "пиксель в пиксель". устроит любое разумное, аккуратное расположение элементов списка. устаревшие браузеры можно отбросить

    Asked by cyklop77,

    0 votes
    3 answers

  23. Применение события только к текущему блоку

    $('.basket .good-zakaz').hover( function() { $(".basket .good-zakaz .delete").show(); }, function() { $(".basket .good-zakaz .delete").hide(); } );Есть множество блоков .basket .good-zakaz при навдении на один из них выводится блок .delete. Проблема в том что выводится у всех блоков, если наводить на один из них. Нужно чтобы выводился только у того на который наводим. Что туплю

    Asked by okunev2,

    0 votes
    4 answers

  24. Отображаются ли base64 img при отключенных картинках?

    Отображаются ли base64 img при отключенных картинках? Я сейчас думаю - ставить ли задний цвет фона на случай отключенной картинки, если фон зашифрован в base64

    Asked by Zverushka,

    0 votes
    12 answers

  25. IE6-8 Рендеринг шрифтов

    Здравствуйте, дамы и господа! Сразу с «жалоб». Уже не первый месяц и не в первом проекте сталкиваюсь с проблемой рендеринга шрифта в IE6-8. Шрифт абсолютно по-разному отображается в IE6-8 и в IE9+/Chrome и т.п. Перечитал массу статей, свожу все к кодировке UTF-8, но больше меня интересует решение данной проблемы. Если кто-нибудь знает ответ или же имеет схожую проблему, добро пожаловать на обсуждение! P.S.: На скриншотах обратите внимание на ширину букв. Шрифт Verdana. https://www.dropbox.com/s/qulo4xj97qcym2u/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202013-12-10%2010.28.22.png https://www.dropbox.com/s/b8vzs3o64ubbve3/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%…

    Asked by Ateiri,

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