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. Применение якорей-закладок во внутренних фреймах

    Как правильно построить такую конструкцию. Есть родительская (основная) страница, имеющая вертикальную полосу прокрутки. Внутри родительской страницы имеется внутренний фрейм (iframe) куда загружается другая страница, которая также имеет вертикальную полосу прокрутки. На странице внутри фрейма имеется ряд заголовков со ссылками на якоря (закладки типа <a target="_self" href="#link">link</a>). При переходе по такой ссылке на внутренней странице "срабатывает" полоса прокрутки, которая, однако "тащит за собой" полосу прокрутки основной страницы. Смещение вверх основной страницы в данном случае крайне нежелательно. Как добиться статичности основной, родитель…

    Asked by Palomnik,

    0 votes
    0 answers

  2. применить свойство с помощью :hover

    как применить свойство любому элементу на странице при использовании :hover :active и тд. при изменении последовательности блоков и использовании "+" цвет применяется

    Asked by spartak9871,

    0 votes
    2 answers

  3. Применить стиль к label при фокусе на input

    Обязательное условие - подсветка текста при фокусе на input. Простой пример. http://jsfiddle.net/GuCk4/45/ Как сделать так, чтобы при фокусе на input, стиль оставался примененным и к label, а не пропадал сразу же после клика? Нашел решение с помощью JQuery, но возможно есть способ попроще без скриптов? Структуру html можно изменять, лишь бы выполнялось условие.

    Asked by WhatIsHTML,

    0 votes
    6 answers

  4. Применить стиль к option

    Добрый день. Нужно выделить курсивом текст одного из пунктов select. <select> <option selected style='font-style:italic;'>Выбор</option> <option value='1'>По номеру</option> <option value='2'>По имени\названию</option> <option value='3'>По адресу</option> </select> нечего не происходит. Как реализовать ?

    Asked by bobo,

    0 votes
    7 answers

  5. Применять кросбраузерный inline-block?

    Здравстсвуйте. На странице, если менять масштаб просмотра страницы через ctrl+ 3-я колонка при определенных масштабах пропадает. Это лечится как здесь?

    Asked by borus,

    0 votes
    1 answer

  6. Пример верстки логотипа

    Здравствуйте. Давно не брал я в руки шашек Посоветуйте, пожалуйста примером, как правильно и лаконично сверстать то, что видно на картинке: Строка красным будет картинка, а коричневым - должна быть текстом, который центрируется относительно картинки плюс поле ссылки должно занимать всю картинку и весь текст. Либо быть может вы посоветуете, какие стили либо даже изменения структуры нужны прямо на боевом примере.

    Asked by borus,

    0 votes
    8 answers

  7. Пример кода в html

    Здравствуйте! Что бы Вы посоветовали, что бы выделить код в HTML, но не выполнять его ? Идея такая: Есть HTML документ, а я в нём хочу вставить кусок HTML кода в качестве примера, но что бы он не выполняся а показывался как пример, что-то типо: Тут Пример кодавот такой вот прикол вместе с CSS.

    Asked by dsasda,

    0 votes
    7 answers

  8. Пример работы "в ноутбуке"

    Очень понравилось портфолио в котором в картинке ноутбука размещена картинка разработанного сайта, и при нажатии на сайт появляется полная версия Как это делается? Вот скриншот: То есть именно интересует как поместить картинку в картинку

    Asked by Bava,

    0 votes
    4 answers

  9. Пример с этого сайта разваливается

    Делаю сайт, макет сверстан по типу примера с вашего сайта http://htmlbook.ru/layout/fiksirovannaya-shirina-tri-kolonki Добавляю в блок content новые блоки через float:left, что-бы создать новую строку с блоками соответственно <div style="clear:both"></div>, но остальные блоки выравниваются по высоте левой и правой колнки макета. Как можно решить данную проблему? Вот полный код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Трехколоночный макет</title> <style type="text/css…

    Asked by ganers,

    0 votes
    4 answers

  10. Пример трех колоночной замещающей верстки

    Всем привет. Прошу для тех, кому не трудно написать простой и правильный пример того, как сделать допусти три div колонки, в сумме все три должны быть 100%. И допустим, если убрать одну, то останутся две и автоматом все будет замещаться на 100%, но уже с двумя колонками, как делают шаблоны для CMS. Думаю свою мысль понятно получилось объяснить.

    Asked by aquapasha,

    0 votes
    5 answers

  11. Примеры верстки

    Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.

    Asked by torsar,

    0 votes
    0 answers

  12. Примеры сайтов с SSI и с входным index.shtml

    Я не решаюсь перевести вес сайт к формату SSI (т.е. *.shtml) Не решаюсь, так как после этого мне придется переделывать все регистрации в каталогах, в поисковиках и т.д. Если вы знаете, пожалуйста дайте линки сайтов, которые в реале работают на методах SSI К стати, я иажк приложила бы такие примерные линки к статье о SSI (в этом же сайте)

    Asked by Dobo,

    0 votes
    5 answers

  13. Примеры хорошего SCSS

    Здравствуйте, скачал макет, начал верстать. Для написания стилей использовал SCSS. Стал наводить порядок в SCSS и столкнулся с проблемой организации цветов и шрифтов. Мои цвета: Мои шрифты: Цветов много, какова вероятность того что дизайнер при создании макета ошибся на пару тонов и такие цвета как #808080, #868585, #8b8b8b, #8d8c8c можно объеденить? Как лучше их организовать? Использовать функцию darken или математические вычисления или присваивать переменные grey_dark, grey_very_dark, grey_superdark? Вариаций сочетананий шрифтов тоже много. Как их правильно организовать? В некоторых случаях размер, начертание и семейство совпадает, а line-height нет. Или отчилае…

    Asked by leshiple,

    0 votes
    11 answers

  14. Примеры хорошего кода

    Давече выучил основы верстки, даже научился худо-бедно, но воплощать идеи в реальность. Только вот код получается корявым, решения - неочевидными и тому подобное. Подскажите, пожалуйста, работы проффесиональных верстальщиков, по коду которых можно поучиться. Перенять опыт, так сказать Буду весьма благодарен.

    Asked by undeadlol1,

    0 votes
    1 answer

  15. Примеси в less

    Здравствуйте. Как правильно использовать примесь в less, если эти примеси описаны в одном файле, а используються в другом? Например: .icon-youtube { // этот клас в другом файле background-image: url(../img/icons-spritesheet.png); background-position: -20px 0px; width: 24px; height: 26px;}.block { .icon-youtube;}В этом примере класс .icon-youtube генерируется grunt`ом и записан в отдельном файле. В файле стилей нужно использовать этот клас как примесь. Если в файл стилей подключить сгенерированный файл через @import - компилятор less выдает ошибку, что .icon-youtube не определен.

    Asked by shol,

    0 votes
    2 answers

  16. Примечания к тегам

    Внутри кода можно ставить примечания заключенные в такие теги /* */. У меня когда я так пишу, они все равно вместе с тегами и кавычками отображаются в окне браузера. Почему?

    Asked by yoddha,

    0 votes
    2 answers

  17. Примнение Css3 К Select Элементам В Webkit Браузерах

    Может кто знает почему не работает box-shadow для select в webkit (safari, chrome) браузерах? Да и не только box-shadow, select вообще отказывается работать с новыми свойствами CSS3. Хотя в Opera'е и FF всё работает отлично.

    Asked by markilfin,

    0 votes
    1 answer

  18. Принудительная отмена стиля

    Здравствуйте. Подскажите пожалуйста, как можно принудительно отменить стиль таблицы, действующий для всего сайта. Имеется тема на wordpress. Там есть стиль (зебра), он распространяется на все таблицы, создаваемые на страницах. Но мне нужно просто вертикально выстроить картинки, решил применить табличку, чтобы было красиво, но они поочередно выделяются белым/серым фоном.

    Asked by johnnybravo,

    0 votes
    14 answers

  19. Принудительное overflow-x: scroll при overflow-y: hidden

    Здравствуйте. Такая проблема. В div находится еще один плавающий div и для того, чтобы он растягивал своего родителя, к родителю применено правило overflow-y: hidden. Дело в том, что почему-то без спроса div начинает вести себя как будто я еще прописал overflow-x: scroll. Прописывал жестко overflow-x: visible - безрезультатно. Вот без overflow-y: hidden. Вот с. Как убрать этот эффект? Мне нужно, чтобы текст просто уходил за границу, как на первом скриншоте, но в то же время мне надо растянуть элемент.

    Asked by 7ion,

    0 votes
    6 answers

  20. Принудительное отображение картинок

    Здравствуйте! Подскажите, пожалуйста, как сделать, чтобы некоторые картиники (например, изображения "перекатывающихся" кнопок) загружались и отображались всегда, игнорируя установку (Оперы) "отображать только кэшированные"?

    Asked by Hedron,

    0 votes
    18 answers

  21. Принудительное разрывание строки в таблице

    Как добиться принудительного разрывания строки в ячейке таблицы, если текст не влазит в ячейку? Знаю только, как избежать его (((

    Asked by Vio,

    0 votes
    1 answer

  22. Принцип генерации SVG спрайтов(как лучше сгенерировать)

    Доброго времени суток. Интересует как лучше сгенерировать svg спрайт из illustrator'а.

    Asked by Galaxy,

    0 votes
    8 answers

  23. Принцип или гайд по верстке

    Ребят, привет, подскажите какой то гайд по верстке сайтов слайдеров, типо https://cuberto.ru/

    Asked by exoty,

    0 votes
    5 answers

  24. Принцип назначения размера шрифтов текста и заголовков при адаптивной вёрстке

    Здравствуйте. Хочу прояснить, как можно в адаптивной верстке оптимально и просто управлять размерами шрифтов при разном разрешении (без привлечения сторонних плагинов типа slabText). Это правильный подход: 1. Нужно назначать один базовый размер основного текста для body для каждого диапазона разрешений экранов(при маленьких разрешениях экрана целесообразно слегка уменьшать базовый размер текста) 2. А затем заголовки и особо значимые тексты уже масштабировать с помощью процентного указания размера шрифта font-size: ххх% Это рабочий подход?

    Asked by borus,

    0 votes
    4 answers

  25. Принцип определиения работы media handheld

    (Извиняюсь, накосячил в названии темы) Подскажите, по какому принципу работает media handheld? Я хочу сделать мобильную версию сайта, но мне нужно, что бы она выдавалась исключительно для смартфонов, а для планшетов и пк выдавалсь настольная версия. Учитывая что сегодня смарфтны имеют разрешение вплоть до 2к, а планшеты бывают и по 720px, то max/min width мне не подойдёт, а вот как будет работать media handheld? По какому прнципу отличает смартфон от планшета?

    Asked by suhiro,

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