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. адаптивные табы

    Ребят,всем привет!Очень нужна помощь,горят сроки( Заказчик хочет сделать на сайте вот такое http://prntscr.com/bxr0u6 http://prntscr.com/bxr0yj Сверстать то сверстала вроде,но меня не получаются некоторые детали, а именно - табы на десктопе, и галерея на мобилке. помогите пожалуйста разобраться( ссылка на файлы в облаке: https://cloud.mail.ru/public/2rQW/rZqpM38FN макеты также есть в файлах в отдельной папке. Js не нужен,сугубо верстка! Буду благодарна за любую вашу помощь с этой проблемой!

    Asked by yulshaz@mail.ru,

    0 votes
    6 answers

  2. Адаптивные темы Друпал

    Здравствуйте. Я делаю свой семейный сайт на Друпал и изначально выбрал тему Danland (понравилась). Потом оказалось, что она не адаптивная и я сейчас хочу все переделать на Bootstrp или Adaptive. Только вот не могу выбрать - последняя мне кажется более гибкой, но подразумевает самому доводить CSS. Посоветуйте, пожалуйста. Сайт простой - рассказы с картинками: http://www.utki.net

    Asked by Илья 2,

    0 votes
    10 answers

  3. Адаптивный popup

    Здравствуйте уважаемые форумчане! Посоветуйте, пожалуйста, адаптивный popup.

    Asked by stan07,

    0 votes
    5 answers

  4. Адаптивный Scrollbar

    Люди, посоветуйте как лучше поступить. Скрин проблемы http://prntscr.com/a58l7i Пояснение: Есть кастомизированный горизонтальный скрол с которым хорошо работать на компьютере. Нужно его адаптировать под планшеты и смартфоны. Изначально я использовал JQuery плагин custom-scrollbar-master, но в нем есть очень большой косяк, он не поддерживает флик (движение пальцем по телефону) вправо на телефоне. Я пытался найти другие плагины, но все которые мне попадались не поддерживают флик вправо. Ребят, посоветуйте как можно решить такую проблему или может кто посоветует другой плагин?

    Asked by VIVA,

    0 votes
    3 answers

  5. Адаптивный бэкграунд

    Бьюсь над проблемой целый день Есть сайт - горизонтальный параллакс, никак не удается сделать фон (виньетка снизу) адаптивным, чтобы он сжимался пропорционально при изменении расширения экрана. Уже было испробовано много вариантов. Картинка в <body> (почему-то не удается поставить div, только картинку) <body> <img id="responsive" src="img/bg_body.png" /> <div id="wrapper"> <div id="header"> </body> #responsive { max-width:100%; width:100%; height: auto; top:40%; left:0; position:relative; } так почему-то не сжимается, хотя по правилам должен. body{ width:7000px; background:#000 url(../img/body.png) repeat-x scroll; background-si…

    Asked by Troll13,

    0 votes
    3 answers

  6. Адаптивный дизайн

    Разрабатываю адаптивный дизайн для сайт при помощи CSS3 Media Queries. Сайт будет прибывать в 3 состояниях: телефон, планшет и настольный компьютер. Для планшета дизайн отличается не только тем что он резиновый но и расположением и размерами некоторых элементов в виду того что для планшета желательны крупные размеры кнопок. В дизайне для компьютера расположение и размеры другие. В среднем экран настольного компьютера имеет ширину 1280 пикселей. А ширина экрана планшетов колеблется от 768(Apple iPad в вертикальном положении) до 1280(Galaxy Tab 10.1). Проблема возникает именно в этих размерах а именно в их пересечении. То есть стили для @media only screen and (min-width:7…

    Asked by Lednar94,

    0 votes
    7 answers

  7. Адаптивный дизайн

    Здравствуйте, возникла потребность изменить уже готовое веб-приложение, а точнее - сделать его подстраиваемым под разные экраны! Если кто-то готов бесплатно, или за небольшую сумму выполнить эту работёнку, пишите ниже, или сюда!

    Asked by Pavel Krugley,

    0 votes
    0 answers

  8. Адаптивный дизайн

    Добрый вечер, господа. Есть сайт написанный с использование bootstrap Все отлично, но вот проблема с футерем при разрешении 786x1024 Ссылка на cайт: http://justexemple.host56.com/ Вот изображение того как футер выглядит http://c2n.me/3ddzptb Подскажите как решить такую проблему

    Asked by alex.kv,

    0 votes
    1 answer

  9. Адаптивный дизайн

    Добрый день. Подскажите пожалуйста такую вещь. Сделал сайт http://intechsoft.ru/about/news/верстка адаптивная. В css использовал медазапрос @media screen and (max-width: 991px) чтобы для экранов с разрешением <991px сайт немного по-другому отображался. Сказали что на Ipad air 5 (2048х1536px) вроде разрешение сайт криво отображается. Как мне сделать полноценную адаптивность? Какие медиазапросы лучше использовать? Вообще как лучше писать: @media screen and (max-width: 991px) @media screen and (min-device-width: 991px) что из этих будет правильнее?

    Asked by kolhoz,

    0 votes
    6 answers

  10. Адаптивный дизайн

    Доброго времени суток, знатоки! Создаю сайт с адаптивным дизайном с использованием @media. Подключаю стили для разных разрешений экрана. Стили, в принципе, одни и те же, меняются лишь значение у width, height, font-size, margin и padding. Подключаю так: <link rel="stylesheet" type="text/css" href="styles/style.css" /> <link media="only screen and (max-width:1650px)" rel="stylesheet" href="styles/style_1650.css" /><link media="only screen and (max-width:1560px)" rel="stylesheet" href="styles/style_1550.css" /><link media="only screen and (max-width:1450px)" rel="stylesheet" href="styles/style_1450.css" /><link media="only screen and (max-width:13…

    Asked by Я_Евгений,

    0 votes
    4 answers

  11. Адаптивный дизайн 2014-2015

    Помогите разобраться Пришло время менять дизайн сайта. Стал изучать тему Адаптивный дизайн ... и сильно устал... Сайт у меня универсальной направленности, много картинок. Редизайн с перспективой на 2015 год, но чтобы одновременно не потерять сегодняшних посетителей. Основные посетители сегодня 1280-1600пх(70%), 1024пх(12%) Решил делать следующее - Макет фиксированный, адаптивный. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> width: 920px; две колонки - для всех кто не понимает ЦСС3, для тех кто понимает ЦСС3 с мониторами до 1200пх. width: 1240px; три колонки - для всех кто понимает ЦСС3, и для мониторов от 120…

    Asked by AleksejR,

    0 votes
    4 answers

  12. Адаптивный дизайн / Горизонтальная прокрутка

    Возникла проблема, при отображении окна в 1000px появляется горизонтальная прокрутка; сам сайт http://sdedsynergy.org/ можно решить так overflow-x: hidden; есть ли другое решение?

    Asked by soltx,

    0 votes
    2 answers

  13. Адаптивный дизайн в php

    Как в php коде можно сделать определение разрешения экрана? В php файле идет подсчет длинны блока. Выглядит это примерно так: $rating = $rating * 48;48 - это множитель размера стандартного блока, его надо как-то менять. То есть, это число должно меняться с размером экрана, от 16 до 128.

    Asked by alleclf,

    0 votes
    5 answers

  14. Адаптивный дизайн в ИЕ8

    Скажите пожалуйста, как можно заставить старые ИЕ понимать html5 и CSS3. Проверил сайт в ИЕ8 - такое чувство что он всё что в media просто пропустил. Я уже молчу о тенях и округлостях всяких, хотя бы общий вид макета сохранить.

    Asked by alleclf,

    0 votes
    13 answers

  15. Адаптивный дизайн. Расстояние между карточками

    Добрый день всем! Имеется проблема. необходимо в адаптивном дизайне расположить карточки товаров выровненные по обе стороны. Есть решение этой проблемы, но как только появляется вторая строка, она ведет себя неадекватно, или выравнивается по левому краю, или рушится сетка вот тут пример http://css-live.ru/Primer/viravnivanie-items/pseudo-element.html Вопрос как выровнить карточки по ширине в адаптивном дизайне, сохраняя сетку? Всем заранее спасибо!

    Asked by Fate-ol,

    0 votes
    2 answers

  16. Адаптивный многоугольник и svg

    Все доброго времени суток. Сверстал такую секцию(адаптивную). Но еще осталось реализовать подсвечивание грани многоугольника в центре. Несколько вопросов по этой верстке: -Линии и окружности, таким образом(как я сверстал) вполне нормально верстать(через псеводо элементы и дивы) или все же сделать на svg или может еще, что-то более качественное есть? -Так как грань центрального многоугольника при наведении на пункт секции, должна подсвечивается розовым, думаю сделать поверх многоугольника svg. Но проблема в том что цвет подсвечиваемой грани неоднородный. Я слышал что svg можно с растром считать, та ли эта ситуация?(в svg не очень пока силен). Дополнительно: ссылка на …

    Asked by tarthur,

    0 votes
    3 answers

  17. Адаптивный сайт vs резиновый сайт

    Какие сайты сейчас надо верстать: адаптивные или резиновые? Думаю вы поняли о чём я.

    Asked by DivMan,

    0 votes
    5 answers

  18. Адаптивный слайдер

    Здравствуйте! Подскажите, пожалуйста, как сверстать такой вот адаптивный слайдер или может быть есть подобные в сети? Важно то, что бы изменялся фон и автор проекта, а так же имя и название. Что бы все было ссылкой. Буду очень благодарен!

    Asked by volshebnyi,

    0 votes
    7 answers

  19. Адаптивный слайдер

    Здравствуйте. Подскажите как можно отцентрировать слайдер, то есть при уменьшении разрешения, картинка не обрезалась по левому краю! Очень нужна помощь ! kibersant.fatrabbit.ru

    Asked by Omega24v,

    0 votes
    1 answer

  20. Адаптивный слайдер

    Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, такой слайдер только адаптивный

    Asked by stan07,

    0 votes
    1 answer

  21. Адаптивный текст

    Всем привет, как реализовать адаптивный текст, чтобы размер шрифта подстраивался под размеры экрана, вот такой шаблон будет http://storage8.static.itmages.ru/i/14/0411/h_1397203081_1405815_7756d15e6e.jpg. Например под 1024 должно быть тоже самое как и под 1920, только в уменьшенном виде. Я знаю про vh и vw, но эти решения не кросбраузерны. Пока начал делать с медиа квериес, но дофига работы получается под все популярные разрешения подгонять. Может посоветуете какие нибудь плагины.

    Asked by Sirega,

    0 votes
    17 answers

  22. Адаптивный текст

    Можно ли как-то сделать чтобы заголовок подстраивался под отведенное для него пространство. Например, есть блок длинной 100% с текстом, необходимо чтобы текст по длине как-раз в него влезал. Причем на разных экранах этот блок будет разным и текст (размер шрифта) должен автоматически подбираться чтобы растянуться на всю ширину блока. Как выход вижу только перебор вариантов в медиа-запросах с корректировкой размера. Возможно есть какой-то другой выход?

    Asked by alleclf,

    0 votes
    3 answers

  23. Адаптивный текст на кнопке

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

    Asked by Igorewa,

    0 votes
    21 answers

  24. Адаптивный фон страницы.

    Здравствуйте! Собственно как сделать.

    Asked by Skrudg,

    0 votes
    2 answers

  25. Адаптивный шаблон страницы. Шапка не смещается.

    Здравствуйте! Помогите пожалуйста. Совмещаю html с css для создания адаптивного шаблона для рассылки писем. Вроде все адаптируется, но только шапка в мобильной версии почему-то смещается влево. Все перерыл, не могу понять почему. Спасибо! PS Возможно имеется лишний код, мог лишний раз куда-то добавить строчки из css. <html xmlns="http://www.w3.org/1999/xhtml"><head> <style type="text/css">.container { display:block!important; max-width:600px!important; margin:0 auto!important; /* makes it centered */ clear:both!important;} </style> <style type="text/css">.content { padding:15px; max-width:600px; margin:0 auto; display:block; </style&g…

    Asked by newjmrec1@gmail.com,

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