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

    Прочитал несколько статей на эту тему и не понял пару моментов. 1. По умолчанию (при отсутствии мета тега viewport) большинство мобильных браузеров задают странице фиксированную ширину в 980px. Зачем они так делают? Что мешает браузеру взять ширину сайта, какой бы она ни была, и втиснуть ее полностью по ширине экрана? Сейчас, если ширина сайта, например, 1100px, то часть страницы просто выйдет за пределы экрана и нужно будет свайпить. 2. Если прописать <meta name="viewport" content="width=device-width">, то, например Firefox в смартфоне LG L9 покажет ширину в 360px (window.innerWidth). Почему именно 360? Откуда берется эта цифра? Ведь в характеристиках устройств…

    Asked by Bassline,

    0 votes
    2 answers

  2. Не пойму что отвечает за анимацию

    http://myasoedov.net/ справа иконка звонка. выдрал из этого сервиса http://smartcallback.ru/ вопрос: что я упустил где анимация...

    Asked by Nikolay2222,

    0 votes
    2 answers

  3. Right side

    Приветствую, помогите с правым блоком, никак не получается, пробовал и position, и float Первую половину сделал, а вторую никак не могу http://jsfiddle.net/da2pge3y/

    Asked by Vans,

    0 votes
    1 answer

  4. Проблема с viewport

    Парни, такая проблема. Есть страница: http://pangurh7.bget.ru/ ее viewport: <meta name="viewport" content="width=device-width, initial-scale=1"> отображение на мобилке: http://cropme.ru/f6018b21a633cf7a672191f11c38ea54 http://cropme.ru/9c601ab9a6036f3704464ab40451bc8e уже перечитал все статьи про viewport. Пробовал разные варианты. Что может быть не так?

    Asked by pangurban,

    0 votes
    6 answers

  5. Масштабы верстки сайта!

    Сделан дизайн и когда верстальщик его сверстал, мне сайт показался слишком крупным. Я попросил верстальщика уменьшить его на 25%, на что он мне сказал, что все изменения он вносит после программирования. В итоге выясняется, что теперь этого нельзя сделать, и даже когда не была сделана программная часть и тогда оказывается нельзя было изменить масштабы пропорционально, что теперь данная процедура будет расцениваться как новая верстка сайта. Правильно ли он говорит? И еще один вопрос: возможно ли весь сайт уменьшить пропорционально, а не каждый элемент отдельно.

    Asked by Umar,

    0 votes
    4 answers

  6. Помогите с шапкой

    Как мне установить текст шапки чтобы на всех браузерах он был в одном месте Ссылка http://for-droid.ru/ И чтобы лучше понять мою проблему ,посмотрите в этой теме там есть примеры проблемы http://htmlforum.ru/index.php?showtopic=52749&hl= Заранее спасибо .

    Asked by frolmd,

    0 votes
    2 answers

  7. Изменение масштаба макета

    Здравствуйте, дорогие друзья! Я начинающий верстальщик. Выполняя макет столкнулась с такой проблемой: при уменьшении масштаба все элементы макета начинают плыть. Помогите пожалуйста решить эту проблему и если можете дайте рекомендацию по улучшению кода. Ссылка на проект: http://rghost.ru/7WnZCZt5Y

    Asked by Nonius,

    0 votes
    3 answers

  8. Выровнять изображение по центру Bootstrap

    Если экран сужается все блоки складываются один под другим, в двух у меня текст и я ему задаю значение выравнивание по центру ! А вот фото в первой колонке тулица по левому краю даже в том случаи если с права все колонки ушли под низ ! Пробывал дать значение margin 0 auto - все одно с лева ( https://fotki.yandex.ru/next/users/sawenkov-o-s/album/429223/view/970932

    Asked by virtas,

    0 votes
    16 answers

  9. Кроссбраузерность для Сафари

    Помогите, пожалуйста, разобраться с кроссбраузерностью для Сафари. Во всех браузерах все ок и все готово казалось бы, а в Сафари полный завал. 1. Бекграунд для боди не отображается (вернее он отображается, но только если я забираю линейный градиент, вебкит не срабатывает для него) 2. С хлебными крошкам тоже какой-то каламбур вышел. 3. И самое главное миниатюры тоже не отображаются - какие полоски на их месте. Вот скрин ужаса http://clip2net.com/s/3hrsNwy А вот няша http://clip2net.com/s/3hrsUPS

    Asked by Orysya,

    0 votes
    7 answers

  10. Как правильно сделать такой фон?

    Вопрос: нужно, чтобы у блока был такой фон (тень снизу), вот картинка: http://savepic.org/7273393.png Как такое реализовать? Спасибо.

    Asked by Alfa2015,

    0 votes
    5 answers

  11. Каруселька

    Доброго вечера! Не подскажите название карусельки с помощью которой можно реализовать подобное? http://clip2net.com/s/3hpaugi

    Asked by Orysya,

    0 votes
    5 answers

  12. Как изменить фон

    Как изменить фон на главной странице до красной линии?

    Asked by Jokerrs,

    0 votes
    6 answers

  13. Проблема с tabs на css

    http://versuscat.esy.es/blog.html Браузер,при переключении табов перенаправляет страничку вверх.Я хочу избавится от этого эффекта,чтобы когда переключал табы,положение на странице не менялось. http://codepen.io/wallaceerick/pen/ojtal - это исходник с которого было скопировано и переделано под себя решение(там тоже перенаправляет положение на странице вверх) Помогите пожалуйста

    Asked by MegaS,

    0 votes
    2 answers

  14. Как сделать "выкушенные" уголки у прямоугольника?

    Коллеги! У меня к вам вопрос - может есть идеи, как можно сделать с помощью css "выкушенные" уголки у прямоугольника со сплошной заливкой? Т.е. вырезанные вовнутрь со скруглением. Получается, каждый угол выкусывается сектором прозрачного круга. Как-то так http://joxi.ru/bmoog98HqqdKmy Надеюсь понятно объяснил головоломку, буду благодарен за ответ )

    Asked by MaxWall,

    0 votes
    8 answers

  15. Как скосить углы у блока

    Привет! Как скосить углы у блока, желательно ie9 +, но не обязательно Пример:

    Asked by soltx,

    0 votes
    1 answer

  16. Зафиксировать (совместить) слои с фоновой картинкой

    Доброй ночи, Возникла проблема с совмещением кучи мелких слоёв и фоновой картинки. Вот пример При наведении курсора на белую плашку с номером корпуса здание на фоновой картинке "подсвечивается". Если разрешение монитора 1366*768, то всё смотрится хорошо. Если разрешение менять в большую или меньшую сторону, то белые плашки съезжают со своих мест. Фоновая картинка растягивается под размер монитора. Как зафиксировать белые плашки, чтобы они оставались на своих местах вне зависимости от разрешения монитора? Помогите, пожалуйста, решить проблему. Заранее благодарю откликнувшихся.

    Asked by slo_nik,

    0 votes
    23 answers

  17. Появление списка на месте картинки

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

    Asked by Orysya,

    0 votes
    12 answers

  18. Конфликт скролла до якоря и стики блока

    Здравтствуйте. Возникла проблема на странице. Не скролит до якоря и не прилипает блок http://joxi.ru/l2ZVgjNsQ5vw2J страница http://kates.cc.ua/find-employee.html Можете помочь или посоветовать?

    Asked by kattiperk,

    0 votes
    3 answers

  19. Выровнять по верхнему краю текст в дивах

    Здравствуйте! Подскажите, как выровнять текст в дивах по верхнему краю. Я создала три ячейки по горизонтали. В каждую внедрила по одному диву. В каждый из дивов внедрила текст. Количество символов в каждом диве разнится. Текст в первом диве расположен по верху, во втором смещен к середине, в третьем - еще ниже. Попыталась внедрить одинаковое число символов, но толку мало, текст сдвигается, как и при разном количестве слов.

    Asked by StOK,

    0 votes
    13 answers

  20. 3D Тур

    Уважаемые форумчане, нужна ваша помощь. Кто-нибудь из вас знает засунуть картинку в html страницу так, что ее можно было прокручивать (в смысле как прогулка по улицам: Мышкой туда-сюда перетаскиваешь и меняется местность)? Использовал программу Panotour Pro, но она ставит своё клеймо. Пробовал отыскать код элемента клейма, но безуспешно. В общем нужна ваша помощь в создании 3D тура.

    Asked by PavelShalaginov,

    0 votes
    10 answers

  21. Некорректное отображение дропдауна в FireFox

    Доброго вечера! Столкнулась с багом пророда которого мне пока совершенно не понятна. Дропдаун некорректно отображается в FireFox - во всех ок, а в нем нет. Не подскажете в чем может быть проблемка.? П.С. Сайт на бутстрапе. Буду очень благодарна за любые подсказки) http://clip2net.com/s/3hmqtTh http://clip2net.com/s/3hmqMWf

    Asked by Orysya,

    0 votes
    7 answers

  22. Блок без отступов на Mac OS в Chrome

    Здравствуйте На странице в блоке http://joxi.ru/4Ak3JeESEx6JAqнет отступа сверху. На Windows всё как нужно http://joxi.ru/GrqeJqLSqDBbrz Стоит line-height, высота не задана. Кто чем поможет? На эмуляции мак ос всё в норме.

    Asked by kattiperk,

    0 votes
    0 answers

  23. Решение проблем + оценка вёрстки

    Здравствуйте! Прошу прощения, если написал не туда. После двух-недельной теории решил сверстать свой первый макет, но как обычно первый блин оказался комом. Верстал по методу mobile first. Макет брал отсюда. А вот вёрстка: bgdn.16mb.com/ (грузится долго). Прошу адекватную оценку вёрстки (не учитывая те проблемы, которые я описал ниже) а так же помощь в решении следующих проблем: 1) Примерно с ширины браузера от 822px до 842px выпадает вниз блок Services. В чем проблема? Ведь ширины для плавающего блока достаточно (2 блока по 50%). Сейчас обнаружил, что блок выпадает при вытекании текста из блока выше (about whitesquare), но решение так и не могу найти. 2) Не могу…

    Asked by bgdn,

    0 votes
    6 answers

  24. Нужна помощь с горизонтальным меню

    Всем привет! Нужна помощь с горизонтальным меню. Есть такой код: <title>Создание горизонтального CSS меню без изображения</title></head><body><ul class="css-menu-3"><li><a href="#">Главная</a></li><li><a href="#">Фотогалерея</a></li><li><a href="#">Библиотека</a></li><li><a href="#" class="selected">Расчёт расстояний</a></li><li><a href="#">Форум</a></li><li><a href="#">Доска объявлений</a></li><li><a href="#">Контакты</a></li></ul> ul.css-menu-3 {list-style: none;border…

    Asked by maxxbr,

    0 votes
    7 answers

  25. Пунктирная рамка внутри блока

    Подскажите, как можно скруглить пунктирную рамку внутри элемента? Код здесь: http://cssdeck.com/labs/fupgjhr5

    Asked by Alfa2015,

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