HTML Coding

29542 questions in this forum

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

   Нужно чтобы блоки стояли так: Сейчас блоки стоят так: Подскажите, пожалуйста, как выронить блоки, чтобы они стояли ровно? Код: #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, May 16, 2015

   • блоки
   0 votes
   5 answers
2. Примеры хорошего SCSS

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

   Asked by leshiple, May 16, 2015

   • scss
   0 votes
   11 answers
3. 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, May 16, 2015

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

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

   Asked by Anna Zharova, May 16, 2015

   0 votes
   19 answers
5. Как адаптировать страницу под мобильные устройства?

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

   Asked by StOK, May 16, 2015

   • адаптировать страницу
   0 votes
   5 answers
6. Можно ли создать отзывчивый дизайн, используя таблицы?

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

   Asked by StOK, May 16, 2015

   • отзывчивый дизайн
   0 votes
   2 answers
7. Переход между блоками с паралакс эффектом

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

   Asked by chocolate_moles, May 16, 2015

   0 votes
   1 answer
8. Масштабирование сайта проблема 2

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

   Asked by psics, May 17, 2015

   0 votes
   2 answers
9. Помогите сверстать адаптивный элемент с iframe и текстом рядом с ним

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

   Asked by kniggaliev, May 17, 2015

   • iframe
   • текст
   0 votes
   3 answers
10. Длинное тире

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

    Asked by Jokerrs, May 17, 2015

    0 votes
    5 answers
11. text-align: justify ie

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

    Asked by leshiple, May 17, 2015

    • text-align: justify
    0 votes
    2 answers
12. Выравнивание элемента по центру

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

    Asked by axmakarov, May 17, 2015

    • align
    • css
    • наследование
    0 votes
    3 answers
13. Не получается выровнять по центру заголовок на чердаке

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

    Asked by Vodnik, May 18, 2015

    0 votes
    10 answers
14. верстка слайда

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

    Asked by swear0, May 17, 2015

    0 votes
    5 answers
15. Изменение слова при достижении последнего слайда

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

    Asked by kattiperk, May 17, 2015

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

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

    Asked by psg-2301, May 17, 2015

    • css
    0 votes
    1 answer
17. циклический rotate на n-градусов (jQuery) мозговлючающая задача

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

    Asked by veremey, May 18, 2015

    • rotate
    • jquery
    0 votes
    6 answers
18. Помогите разобраться с мультиклассовостью

    Здравствуйте участники форума помогите с таким вопросом создал небольшой пример, код которого приведу ниже <!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, May 18, 2015

    • html css
    0 votes
    3 answers
19. Яндекс карта

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

    Asked by DivMan, May 18, 2015

    0 votes
    12 answers
20. 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, May 18, 2015

    0 votes
    5 answers
21. Как поместить два navbar на одной строке?

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

    Asked by borus, May 18, 2015

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

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

    Asked by yaparoff, May 18, 2015

    • Brackets
    0 votes
    0 answers
23. Как сделать главный экран на сайте

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

    Asked by mankutila, May 18, 2015

    • экран верстка
    0 votes
    3 answers
24. чтобы текст адаптировался под экран пользователя?

    http://cssdeck.com/labs/i3xa5vim. если не трудно подскажите что написать чтобы текст адаптировался под экран пользователя? В chrome при просмотре на разных устройствах текст меняет размер, но когда я занес текст и фрейм в разные div, он перестал адаптироваться. текст вне этих div адаптируется. Помогите!!!

    Asked by kniggaliev, May 18, 2015

    • текстб
    • адаптироватьб
    0 votes
    1 answer
25. Как перечеркнуть текст крест-накрест?

    Здравствуйте! Как можно перечеркнуть текст крест-накрест. В интернет-магазинах так часто перечёркивают старую цену. Backgroud не устраивает - меняется геометрия, находится сзади текста, не во всех браузерах работает корректно. Есть какие-то хитрости?

    Asked by Torawhite, May 19, 2015

    0 votes
    2 answers