HTML Coding

29542 questions in this forum

1. Как скомпоновать сайт?

   Я хочу создать сайт. По строению он будет как flickr.com (главная страница). Т. е. - разделение на 5 блоков с закрепленным хедером. Какими тегами я смогу добиться результата и как это оформить в css?

   Asked by opiumniy, January 5, 2015

   • css
   • html
   0 votes
   2 answers
2. мень типа плиток WIN8

   Подскажите пожалуйста алгоритм реализации с помощью CSS. есть левый сайдбар и правый сайдбар между ними контент. Ширина сайдбаров фиксирована.ширина контента получается автоматически. В етот контент нужно поместить 3х3 плитки (картинки пускай).То есть в одном ряду 3 плитки.Всего 3 ряда. 1. Как быть с шириной етих плиток??Необходимо чтобы они были одинаковой ширины (33,3% от ширины самого контента).То есть изменилась ширина контента изменились плитки. 2. Высота контента так же не фиксированная.Как организовать реализацию второго и третьего ряда??Собственно высота картинок также должна быть 33,3% от высоты контента. Пытаюсь мучаться с <div>-ами и позиционированием е…

   Asked by sergeiko, January 5, 2015

   0 votes
   0 answers
3. Проблемы с hover

   Подскажите, пожалуйста, как сделать такой hover http://clip2net.com/s/39RXeg1. Нужно, чтобы он автоматически подстраивался под содержимое.

   Asked by Orysya, January 4, 2015

   • hover
   0 votes
   5 answers
4. Неправильное отображение в IE

   Тестирую свой первый сайт http://sham62.ru/. Во всех браузерах, кроме IE 11, отображается корректно, а в IE 11 стиль не применяется к тексту, адрес заведения сползает вниз (см. скриншот во вложении). Подскажите пожалуйста, как исправить?

   Asked by Ольга62, January 3, 2015

   0 votes
   2 answers
5. проблема с анимацией

   вот исходный сайт http://venusdemo.com/magento/smartshop/index.php/?___store=christmas вот то что я начал делать http://texteredsa.besaba.com/ferfume/ferfume/ в исходном сайте при наведение на пункт german плавно передвигается так сказать ему в обычном положение задано translateY(10%) а при наведение 0% и при помощи transition это все плавно срабатывает, то же самое пытаюсь повторить, но не получается, почему?

   Asked by raptor-dm, January 2, 2015

   0 votes
   2 answers
6. вопрос по SCSS

   Здравствуйте, знакомлюсь с scss, и один из примеров решил воспроизвести, код просто переписал, но при компиляции в css выдает ошибку не пойму в чем проблема. Вот проблемный scss миксин: @mixin triangle ($width, $dir, $color) { @if $dir == up { width: 0; height: 0; border-left: $width/2 solid transparent; border-right: $width/2 solid transparent; border-bottom: $width/2 solid $color; } @else $dir == down { width: 0; height: 0; border-left: $width/2 solid transparent; border-right: $width/2 solid transparent; border-top: $width/2 solid $color; } }А вот что выдает при компиляции: Error: Invalid CSS after …

   Asked by BeetleJuice, January 2, 2015

   0 votes
   3 answers
7. Что за слайдер?

   http://venusdemo.com/magento/smartshop/index.php/?___store=christmas

   Asked by raptor-dm, January 1, 2015

   0 votes
   3 answers
8. float + задний фон

   Доброе время суток. Есть вот такая проблема. Когда раскидывал по сторонам "Новости" и "Мониторинг", получилось так, что задний фон не растягивается относительно контента HTML: <div class="content"><div class="content-left">Новостная лента<img src="/template/assets/images/logotype.png"></div><div class="content-right">Мониторинг<br>s</div></div>CSS: .content { padding: 10px; margin-left: 300px; margin-right: 300px; background: #fff;}.content-left { float: left;}.content-right { float: right;}Подскажите пожалуйста как с этим бороться

   Asked by Florens, January 1, 2015

   0 votes
   3 answers
9. адаптивные по высоте блоки

   Нужно на странице сделать адаптивные по высоте блоки с текстовым наполнением, чтобы работало наподобие картинок: img{max-width:100%;height:auto;}

   Asked by vip, January 1, 2015

   0 votes
   7 answers
10. Косой бакграунд

    Увидел лендинг с таким перекрытием изображений: Как такое можно сделать? Я имею в виду косой слой.

    Asked by Denni, December 31, 2014

    0 votes
    3 answers
11. Основные моменты адаптивной верстки

    Начинаю делать адаптивный сайт, начал изучать данную тему глубже и встали несколько вопросов, очевидных ответов на которые не нашел: 1) как лучше подключать media queries- внутри основного css файла, или подключать через <link>? 2) какой подход лучше использовать - от mobile first или наоборот? 3) минимально под какие разрешения надо делать отдельные стили?

    Asked by vip, December 31, 2014

    0 votes
    9 answers
12. Иконка в различных браузерах

    Здравствуйте!Не могу настроить вертикальное положение фонового рисунка для span. Проверяю в 5 различных браузерах: Safari, Firefox - съезжает, а Opera, Explorer, Chrome -нормально. #block-search span { /*Иконка поиска*/ display: block; margin: 115px 0 0 2px; width: 15px; height: 15px; background: url(/images/icon-search.png); position: absolute; background-repeat: no-repeat;}

    Asked by azamatomus, December 30, 2014

    0 votes
    7 answers
13. div падал до конца страницы

    у меня трёх колоночный макет из див блоков, внизу есть футер, как сделать что бы все блоки див до низу падали, а то падает только тот у кого инфы больше

    Asked by zedart, December 30, 2014

    0 votes
    6 answers
14. [атрибут*="значение"] и [атрибут~="значение"]

    По мне [атрибут~=значение] можно заменить используя [атрибут*=значение]. Зачем тогда оно есть? Работает быстрее? [атрибут|=значение]

    Asked by PavelTkachev, December 30, 2014

    0 votes
    2 answers
15. Идентификаторы и классы

    Иногда при использовании класса или идентификатора стили не применяются. Но если добавить к нему имя тега, то стили применяются #Имя_идентификатора { Описание правил стиля } - не работает E#Имя_идентификатора { Описание правил стиля } - работает Пример показать не могу, периодически при вёрстке сталкиваюсь. Такое бывает, когда несколько стилей применяется к одному элементу. Это потому что у второй записи больший приоритет?

    Asked by PavelTkachev, December 30, 2014

    0 votes
    16 answers
16. transform-origin

    Как можно использовать значение координаты z в transform-origin?

    Asked by PavelTkachev, December 30, 2014

    0 votes
    2 answers
17. Прыгает текст при изменении масштаба

    Здравствуйте, перерыла весь инет, немогу найти как правильно сверстать блок, чтобы при изменении масштаба не прыгал текст, вот у меня есть код для меню, когда я уменьшаю масштаб страницы последний пункт меню спрыгивает вниз, что делать? вот код, <div id="menu"> <ul> <li><a href="">Пункт</a></li> <li><a href="">Пункт</a></li> <li><a href="">Пункт</a></li> <li><a href="">Пункт</a></li> <li><a href="">Пункт</a></li> <li><a href="…

    Asked by Lady_V, December 30, 2014

    0 votes
    13 answers
18. Проблема с версткой

    Здравствуйте! Такая проблема - когда я щелкаю по картинке, чтобы ее увеличить во всех браузерах она открывается. http://mebel-market.today/mebel/gostinye/bolero Но в Explorer - нет... картинка меняется, но не увеличивается. В чем дело? http://mordovia-sutochno.ru/content/4-komn-posutochno-1 - на этом сайте тот же модуль работает без проблем. И открывается везде.

    Asked by 561144, December 30, 2014

    0 votes
    0 answers
19. Подскажите слайдер с control и scroll одновременно

    Здравствуйте. Подскажите, может кто знает готовый слайдер с подобным функционалом. Чтоб были и элементы листания по одному слайду и обычный скролл которым можно потихоньку двигать. Как вариант может хотя бы скролл, который двигает по целому слайду и перемешается на большее делении сразу.

    Asked by paralex, December 30, 2014

    • слайдер
    • scroll
    0 votes
    2 answers
20. Проблема с css сайта

    Здравствуйте! Подскажите подалуйста как решить проблему сайта! разрабатывал макета при разрешении 1366х768. При смене разрешения на 1024х768 шапка сайта начинает наезжать друг на друга - вернее на две строки вниз переносится(не вмещается). Можно ли как то, исправить данную проблему? Заранее спасибо! Адрес проблемного сайта kinoiserial.ucoz.ru

    Asked by allonemoon, December 29, 2014

    • css
    • сайт
    0 votes
    2 answers
21. 2 bxslider на странице

    Доброго времени суток! Использую 2 блока с bxslider на странице, в каждом свои картинки. Можно ли сделать, чтобы при перелистывании вручную картинок в одном слайдере, одновременно перелистывались бы картинки и во втором?

    Asked by vip, December 29, 2014

    • bxslider
    0 votes
    4 answers
22. Слайдер на CSS

    Мучаюсь со слайдером. Почему, при сужение окна браузера, у обёртки пропорционально не изменяется высота, как у самой картинки? Как исправить? http://www.cssdesk.com/grrW4

    Asked by DivMan, December 29, 2014

    0 votes
    1 answer
23. мучаюсь с text-align: justify

    Добрые люди, помогите кто нибудь) Пытаюсь стилизовать share.js от яндекса под себя, осталось лишь добавить text-align: justify (для равномерного выравнивания блоков по ширине ) и все готово. А вот незадача, эта сволочь не работает, я голову ломаю сижу полтора часа, не могу найти причину.. http://jsfiddle.net/mmt4pgx2/

    Asked by Нарек, December 29, 2014

    0 votes
    5 answers
24. background-clip и background-origin

    Пытаюсь понять чем отличаются друг от друга background-clip и background-origin, кроме того что последний работает при background-attachment:fixed. По мне они делают одно и тоже. В чём я ошибаюсь?

    Asked by PavelTkachev, December 29, 2014

    0 votes
    5 answers
25. Хочу сделать так же (фиксированное меню). Какой скрипт отвечает за это.

    Здравствуйте! Понравилось то, как фиксируется меню на этом сайте: http://flatsome.uxthemes.com/ Но не могу найти, какой скрипт отвечает за это. Помогите, пожалуйста, разобраться с этим.

    Asked by Светлана Г., December 29, 2014

    0 votes
    4 answers