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

29542 questions in this forum

  1. Не получается выровнять по центру заголовок на чердаке

    Добрый день! Резиновый дизайн, чердак фиксированной высоты, слева - колонка фиксированной ширины, остальные размеры и контент - резиновые. Шаблон: Пример страницы: http://www.vodnik.narod.ru/alps1/index7.htm Использовал шаблон на divax, дизайн работает, как я и хотел, но выровненный по центру заголовок на чердаке получается смещённым вправо на ширину левой колонки относительно контента, некрасиво. Подскажите, можно ли поправить средствами html и css? PS: Меня устроил бы и такой дизайн, но тогда заголовок смещён влево относительно контента:

    Asked by Vodnik,

    0 votes
    10 answers

  2. Как сделать главный экран на сайте

    Добрый день. Есть макет, в котором предусмотрен главный экран (верхняя часть сайта без основного контента). Нужно, чтобы этот экран занимал весь вьюпорт по высоте и ширине и был адаптивным, то есть на всех экранах (начиная с ширины в 1000px) при открытии сайта все пространство должен занимать этот экран. Также нужно, чтобы картинка на фоне тоже была адаптивной (background-size: cover дал не совсем тот эффект, сама картинка должна центрироваться, а не уменьшаться пропорционально). Как это реализовать? Заранее спасибо. P.S. На картинке тот самый главный экран (шапка, блок с "можем-получаете" и блок "хотите..."). Ниже в макете идет основной контент (простой текст).

    Asked by mankutila,

    0 votes
    3 answers

  3. Как поместить два navbar на одной строке?

    Здравствуйте. Пробую разместить 2 схлопывающихся компонента navbar от бутстрап 3 в одной строке, но не могу сообразить как надо стили перебить. Один navbar выполняет роль текстового меню, другой - модуль поиска. Нужно чтобы и в развернутом, и в свёрнутом состоянии компоненты шли один за другим в верхней строке Вот что есть на данный момент. Абсолютное позиционирование должно помочь? Поможите, пожалуйста

    Asked by borus,

    0 votes
    4 answers

  4. Brackets. При перетаскивании файлы не открываются

    Начал осваивать новый редактор Brackets (кстати очень удобный). Однако столкнулся с такой проблемой: По сути, чтобы открыть файл его достаточно перетащить в программу. Однако у меня это сделать не получается - программа запрещает это делать (курсор становится крестиком). Это действует на все файлы как html, css, так и PSD. Получается открывать только так "файл" --> "открыть" А как открывать PSD файлы без перетаскивания вообще не понимаю. Кто нибудь сталкивался с этим? Как это решить?

    Asked by yaparoff,

    0 votes
    0 answers

  5. word-wrap: break-word не обрезает слова

    Здравствуйте. При уменьшении ширины окна word-wrap: break-word не обрезает слова, пример http://vkmp3.org/mp3/%D0%90%D1%80%D0%B8%D1%8F/ - при ширине окна, скажем, 600 px, внизу появляется горизонтальная линия прокрутки, т. к. некоторые строки слишком длинные и не обрезаются. Можно ли это как-то избежать?

    Asked by nitsik,

    0 votes
    5 answers

  6. Яндекс карта

    Как вставить метку на карту? Я только научился вставлять координаты карты Вот, что получилось http://jsfiddle.net/x6vsdhcm/1/ Вот так надо Большая Конюшенная улица, 19, Санкт-Петербург, Россия

    Asked by DivMan,

    0 votes
    12 answers

  7. Помогите разобраться с мультиклассовостью

    Здравствуйте участники форума помогите с таким вопросом создал небольшой пример, код которого приведу ниже <!DOCTYPE html><html> <head> <meta charset = "utf-8" /> <link rel="stylesheet" href="style.css" type="text/css" /> <title>sample listing</title> </head><body><div class = "karkas"> <div class = "orange yellow"> </div></div></body></html>* {margin: 0 ;padding: 0 ;}ul{list-style-type: none ; }img {border: none ;}div{margin: 0 auto ;width: 400px ;height: 400px ;}.orange{background: orange ;}.yellow{background: yellow ;}В данном варианте все отрабатывает отлично, как нужно. Но …

    Asked by pavlovda,

    0 votes
    3 answers

  8. циклический rotate на n-градусов (jQuery) мозговлючающая задача

    Привет. У меня возникла проблема: Есть такой пентагон, который при клике на пункт меню поворачивается в его сторону https://yadi.sk/i/Xv1jCEZkghMH6 проблема в том, что пентагон должен крутиться по короткому пути к активному пункту.

    Asked by veremey,

    0 votes
    6 answers

  9. Обрезается фон при горизонтальной прокрутки

    Добрый вечер. Как сделать чтобы фон при горизонтальной прокрутки не вырезался с правой стороны? pandora-replica.ru

    Asked by psg-2301,

    0 votes
    1 answer

  10. Изменение слова при достижении последнего слайда

    Здравствуйте. Помогите с решением. Или дайте где почитать. Есть слайдер http://joxi.ru/MAjMxk1CgOLW2e Возле кнопок есть кнопка "Далее" При завершении достижении последнего слайда пользователем хотелось бы заменить текст на "Вперёд". Автолистания нет, пользователь сам кликает на кнопки. Хотела сделать говнокод - абослютом добавить новый спан на 4 переключатель, при нажатии на него появлялся бы блок с белым фоном и текстом "Вперёд", но тогда 4 кнопка слайдера не кликалась. Задала для этого класс кнопки переключателя, не сработало, потому что я плохо знаю JS. Может, есть какое-то решение или слайдер с таким? Искала, не нашлось

    Asked by kattiperk,

    0 votes
    9 answers

  11. верстка слайда

    Доброй ночи всем. Сижу уже который день и не могу ничего придумать. Надо сверстать шестиугольный слайд. Т.е. чтобы картинка загружалась прямоугольной формы а выводилась в виде шестиугольника еще и с рамкой. Помогите пожалуйста. СЛАЙД

    Asked by swear0,

    0 votes
    5 answers

  12. Выравнивание элемента по центру

    Всем привет! Есть вот такой небольшой лэндинг, поднял на бутстраповском шаблоне отсюда. Не могу никак разобраться с наследованием стилей у блока <div class="clock flip-clock-wrapper" style="margin:5em;>, в котором находится таймер. Конкретно интересует какое свойство и у кого наследует этот блок, из-за которого съезжает выравнивание по центру. Хочу разобраться, но в CSS не очень хорошо разбираюсь, подскажите куда смотреть

    Asked by axmakarov,

    0 votes
    3 answers

  13. text-align: justify ie

    Подскажите почему столбцы в .g-main-content не выравниваются по ширине и так ужасно отображается сам контейнер(дело происходит в IE). А в Chrome/Opera справа от .b-slider-controls появляется отступ в 1px. Ссылка.

    Asked by leshiple,

    0 votes
    2 answers

  14. Длинное тире

    Меняю название на сайте WordPress, ввожу тире, в исходном коде отображается длинное тире —. Как исправить? Не нравится как отображается в поиске длинное тире, да и если смотреть на другие сайты у всех стандартное тире.

    Asked by Jokerrs,

    0 votes
    5 answers

  15. Помогите сверстать адаптивный элемент с iframe и текстом рядом с ним

    Люди добрые, беда. Не могу никак сверстать адаптивный элемент из iframe с виде от ютуба внутри и текста рядом с ним. Align, div, float все пробовал. Нужно просто, чтобы текст обтекал айфрейм с отступом и съезжал вниз (если экран маленький). Помогите чем сможете! Заранее огромное спасибо! вот код для начала http://cssdeck.com/labs/v0ykdapb

    Asked by kniggaliev,

    0 votes
    3 answers

  16. Масштабирование сайта проблема 2

    Как сделать так чтобы сайт выглядел при массштабировании как тут То есть при сильном уменьшении сайт располагался слева, а вправо можна было перемещаться скролом. А то сейчас обрезается левая сторона...

    Asked by psics,

    0 votes
    2 answers

  17. Переход между блоками с паралакс эффектом

    Натолкните на мысль, как лучше сделать такой "уголок" между блоками: Верхний блок с паралаксом, нижний с градиентом, в обоих блоках есть контент.

    Asked by chocolate_moles,

    0 votes
    1 answer

  18. Можно ли создать отзывчивый дизайн, используя таблицы?

    Возник такой вопрос: можно ли создать отзывчивый дизайн не на основе дивов, а используя таблицы? Имеется ввиду, что значения таблицы и ее ячеек будут указываться в процентах, как и в случае с дивами. Будет ли такой шаблон с таблицами правильно отображаться на мобильных устройствах?

    Asked by StOK,

    0 votes
    2 answers

  19. Раскрытие меню при наведении курсора

    Добрый день! Есть одно приметное меню для сайта. Хотелось бы узнать, как реализовать в данном меню раскрытие дочерних пунктов не только при нажатии на родительский пункт, но и на при наведении курсора? Вот пример меню: http://pcvector.net/uploads/demo/scripts/accordion/flat_menu_accordion/index.html А вот и код: HTML + JQuery <!DOCTYPE><html><head> <title>Flat accordion menu | pcvector.net</title> <link rel="shortcut icon" href="/favicon.ico" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <link href="style.css" rel="stylesheet" type="text/css"…

    Asked by marianna9201,

    0 votes
    2 answers

  20. Как адаптировать страницу под мобильные устройства?

    Подскажите, пожалуйста, как адаптировать отдельную страницу или одностраничник под мобильные устройства? Я создала страничку подписки с резиновым дизайном, но при проверке в сервисе гугла https://www.google.com/webmasters/tools/mobile-friendly/ оказывается, что моя страничка не оптимизирована под мобильные устройства, там же указываются распространенные недостатки: - слишком мелкий шрифт; - не задана область просмотра для мобильных устройств; - ссылки слишком близко друг к другу; - контент шире экрана. Проверяла на мобильнике страничка целиком на нем видна без прокрутки. Но чтобы она показывалась в поиске, важно, чтобы она соответствовала стандартам гугла. Как это осуще…

    Asked by StOK,

    0 votes
    5 answers

  21. Как сделать анимацию логотипа при помощи css 3

    Один из моих клиентов хочет анимировать логотип - http://prntscr.com/75udaq Крутиться должен символ в центре круга, у меня не выходит пока ничего Подскажите решение проблемы, ил пока не получится сделать вращение по часовой стрелке при помощи свойства animation

    Asked by Anna Zharova,

    0 votes
    19 answers

  22. col + table + элементы внутри

    Привет народ! как долго меня тут не было, и скорее всего не скоро буду еще, но! Народ прошу совета у вас, появилось задача поработать с таблицами и получилось, что то похожее: <table class="table" cols="5" rules="groups"><colgroup><col class="name"/><col class="solo price" /><col class="alt price" /><col class="alt price" /><col class="alt price" /></colgroup><tbody><tr><td>Слово <span>(слово в скобках)</span></td><td>....</td></tbody></table>При помощи ксс, я могу задать нужные правила ширины для первой колонки (исп. col.name ), все замечательно. Но! почему не полу…

    Asked by RodgerFox,

    0 votes
    0 answers

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

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

    Asked by leshiple,

    0 votes
    11 answers

  24. Как выронить блоки?

    Нужно чтобы блоки стояли так: Сейчас блоки стоят так: Подскажите, пожалуйста, как выронить блоки, чтобы они стояли ровно? Код: #content {margin-left: 270px;padding: 10px;background: #f0f0f0;height: 900px;}.cat {height: 190px;width: 340px;float: left;padding: 1px;margin-top: 20px;margin-left: 20px;text-align: left;border: 1px solid #8fa09b;background: #ffffff;}—-<div id="content"><div class="cat"></div><div class="cat"></div><div class="cat"></div><div class="cat"></div></div>

    Asked by Anna-15,

    0 votes
    5 answers

  25. Выпадающая строка поиска на бутстрапе 3

    Добрый день. Скажите можно ли и как можно сделать на бутстрапе 3 поле поиска, которое видно на больших экранах, а на маленьких представляет собой иконку с лупой, кликая по которой снизу раскрывается строка на всю ширину для ввода искомого текста? Функционал иллюстрируется главной страницей М-Видео - сначала поиск раскрыт на широком экране, а на узком представляет собой иконку, клик по которой раскрывает поле поиска

    Asked by borus,

    0 votes
    5 answers
×
×
  • 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