HTML Coding

29542 questions in this forum

1. Проблемы с выстраиванием блоков с помощью Masonry

   На сайте web-ui.ru на главной странице хочу сделать динамическое выравнивание элементов. Для CSS-сетки используется Bootstrap 3.3.5, контейнер .row взят за основной контейнер masonry-сетки, а каждый .col-элемент, как элемент сетки, но почему-то идет "наползание" нижних элементов сетки на верхние, подскажите в чем может быть проблема.

   Asked by erkoam, September 14, 2015

   • masonry
   • динамическая сетка
   0 votes
   3 answers
2. Слайдер с зумом

   Доброе время суток. Мне нужно сверстать блок с товаром. Снизу мелкие изображения, над ними блок с картинкой. При наведении мыши изображение увеличивается для рассмотрения деталей. Пример: https://www.dogids.com/product/nylon-webbing-scrufftag-dog-collars-with-qr-code/ В общем то для карусели я пробовал использовать jCarousel, но иногда при перелистывании видны соседние картинки, и не придумал, как реализовать зум.

   Asked by BirviZ, September 13, 2015

   0 votes
   2 answers
3. Проблема с fancybox

   Все здравствуйте, я столкнулся с такой проблемой при создании галереи с помощью jQuery и fancybox. Не срабатывает функция fancybox, в браузере пишет: "Uncaught TypeError: $(...).fancybox is not a function" Может кто-нибудь сталкивался? Все файлы закачены на сервере и jQuery подключена. Вот страница с галереей: http://checkedin.esy.es/gallery.html

   Asked by Oversec, September 13, 2015

   • jquery
   • вёрстка
   • галерея
   • js
   • javascript
   0 votes
   5 answers
4. почему не видны картинки?

   Подскажите, почему не отображаются картинки http://textdeposit.ru/gde-eshhe-zarabotat-kopirajteru ?? должна быть тут http://awesomescreenshot.com/0bd58eueeb , в коде есть..

   Asked by fowl, September 13, 2015

   0 votes
   10 answers
5. Как убрать большие буквы

   Подскажите, как убрать Вот Это Вот Из Подзаголовков тут http://textdeposit.ru/ ??

   Asked by fowl, September 13, 2015

   0 votes
   1 answer
6. Открывающийся блок

   Делаю сайт. Потребовалось сделать блоки, которые открываются при нажатии на них. Сделал всё при помощи псевдоэлемента :focus. Вот ссылка на код: http://jsfiddle.net/3ujogh36/ Смысл таков, что: - родительский элемент без фокуса имеет надпись; - после фокуса род. элемент принимает высоту на весь контент; - надпись исчезает, появляется контент. Всё хорошо, но проблема в том, что в скрытом контенте, который появляется при нажатии на род. элемент, есть ссылка, и при нажатии на неё переход не осуществляется, а только скрывается контент. Вопрос в том, как сделать, чтобы при нажатии на ссылку в контенте переход осуществлялся. Буду благодарен за варианты ответов!))

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

   • html
   • css
   0 votes
   2 answers
7. Не работает jq-selectbox на iPad и в его эмуляции в хроме

   Здравствуйте, ребята. Плагин jQuery Form Styler На сайте, не пугайтесь красоты, не работает селект в фильтре (сейчас он слева) на iPad и в chrome devtools, когда выбрали iPad. Показывает такое - http://joxi.ru/52aQLKkup7E120 А должно быть такое - http://joxi.ru/12MQ3kDuRB0w2J Что не так с ним и куда бежать? Подходящего не нашла ничего особо.

   Asked by kattiperk, September 11, 2015

   0 votes
   4 answers
8. Как опубликовать сайт?

   Я создал ХТМЛ сайт и хочу узнать как люди могут переходить на сайт по какой ссылке?

   Asked by Levon, September 11, 2015

   • HTML
   0 votes
   2 answers
9. Как сделать так, чтобы по ссылке на электронный адрес открывалось письмо с шаблоном текста?

   Всем дорого дня! Опытные коллеги, подскажите, пожалуйста, как можно сделать так, чтобы при нажатии на ссылку емейла, например, test@test.ru в почтовике открывалось письмо с шаблоном текста, например в таком виде: Тема письма: Тема Текст: ФИО Организация Ваш вопрос Сейчас я использую вот такой код <a href="mailto:test@test.ru?subject=Тема &body=ФИО Организация Ваш вопрос> test@test.ru </a>. В результате при нажатии на электронный адрес приходит письмо с текстом: ФИО Организация Ваш вопрос Как можно перенести каждый пункт на новую строку? Или может есть вариант создавать письма с вложением?

   Asked by Моркося Андреевна, September 11, 2015

   • письмо
   • рассылка
   • вложение
   0 votes
   3 answers
10. абсолютный блок и адаптивная вёрстка

    Возникла такая проблема. Есть основная шапка сайта, которая должна находиться в блоке с контентом. display absolute; Всё отлично, хеадер сидит на блоке с контентом. Прописал верхний padding для блока с контентом(чтобы текст не залезал под хеадер). Но, при уменьшении ширины окна, высота хеадера становится больше, и контент всё таки оказывается под шапкой. Вот пример: http://jsfiddle.net/LOL1/dyxvm4jc/6/ (уменьшайте ширину экрана и увидите) Как этого избежать? Как вариант можно засунуть header прямо в section, но ведь смысл от этого поменяется? Получается что хеадер будет относиться не ко всему сайту, а только к разделу и это критично. Ещё пара мелких вопросов: 1…

    Asked by VeniVidiVici, September 11, 2015

    • адаптивная вёрстка
    0 votes
    4 answers
11. слайдер

    привет, есть такой слайдер по ховеру, на элемент (треугольник) картинка (внутри треугольника) увеличивается, текст исчезает. Сам треугольник при этом остается конечно. Слайдер должен быть адаптивен. Сложность в том что один блок слайдера (карусели) должен состоять из нескольких картинок. Треугольник очевидно тоже картинка, хотя в принципе его можно как div сделать http://codepen.io/web-tiki/pen/JnLGb Народ, что бы вы посоветовали ?

    Asked by riki, September 11, 2015

    • html
    • css
    • js
    • jquery
    0 votes
    3 answers
12. Проблема с hover в браузере Chrome

    Добрый день. Столкнулся со странной ситуацией: В главном верхнем меню сайта aviado.ru, при наведении мышкой на выпадающее меню, значение hover (background: #be1d1d url(images/back_menu_hover.png) repeat-x top left;) не до конца заполняет область раздела (см. скриншот). Любопытно, что в других браузерах (Firefox, Yandex, Opera) всё работает корректно, включая мобильные браузеры. Собственно и в Chrome все работало корректно, до версии 45.0.2454.85 m. Нюанс: такой косяк происходит только с выпадающим меню, т.е в тех областях, где меню не выпадает, а просто кнопка, заполнение происходит нормально. Проблема была диагностирована на 5 компьютерах под управлением Wi…

    Asked by whyayeman, September 11, 2015

    • CSS
    • hover
    • chrome
    • repeat-x top left
    0 votes
    4 answers
13. Как светстать блоки уходящие по вправо и влево до конца.

    Привет, всем!! Столкнулся с небольшой проблемой при верстке, никак не могу сообразить. В общем есть простой макет, только вот в нем несть несколько элементов, которые уходят вправо и влево до конца экрана, хотя сам контент зафиксирован по центру вот скриншот , подскажите как такое сверстать или хоть дайте ссылку на макет с похожей структурой, который верстали, глянуть код, а то мне что-то в голову ничего не приходит, пятница же блин . Ссылка на сайт в сети (сразу верстаю на вордпресс) : http://dzga.apoehali.com.ua/

    Asked by ya_verstaka, September 11, 2015

    0 votes
    2 answers
14. Размытие img в IE11

    Глюк только в IE11. Сложно заметить, но обратите внимание, что при наведении на ссылку картинка немного размывается и остается размытой в месте нахождения ссылки. Как только вы измените размер окна браузера, резкость снова восстановится. Если эффекта не наблюдается, измените размер окна браузера. Мой код: http://jsfiddle.net/kfdcL2t9/3/ Почему размывается? Какой механизм и как бороться?

    Asked by Anymaxis, September 11, 2015

    0 votes
    0 answers
15. как зафиксировать меню посли клика мышки

    Есть такая проблема. Сделал меню по вот этому уроку https://www.youtube.com/watch?v=Vcb4DCts1yc, проблема в следующим: Как сделать так, что-бы при нажатии на квадрат, он остовалься в положении как при наведенной мышой на него. И назат не складывалься. (это ссылка на строницу ну там (главная или контакты)). В уроки у него квадрат увеличиваеться при наведении мыши. Эфект сделан с помощью html <div id="conteiner"> <a href="index.html"><div class="menu"> <p class="p1">Sites</p> <!-- <p class="p2">Paint design</p> </div> css .menu { width: 150px; height: 100px; background-color: #F28802; float:left;…

    Asked by jatisto, September 11, 2015

    • css
    • html
    0 votes
    8 answers
16. Выравнивание во флексах

    Подскажите, как выровнять текст по середине вертикали? http://jsfiddle.net/c3trhgsp/

    Asked by Vlad, September 11, 2015

    0 votes
    4 answers
17. Не работает jq-selectbox на iPad и в его эмуляции в хроме

    Здравствуйте, ребята. На сайте, не пугайтесь красоты, не работает селект в фильтре (сейчас он слева) на iPad и в chrome devtools, когда выбрали iPad. Показывает такое - http://joxi.ru/52aQLKkup7E120 А должно быть такое - http://joxi.ru/12MQ3kDuRB0w2J Что не так с ним и куда бежать? Подходящего не нашла ничего особо.

    Asked by kattiperk, September 10, 2015

    • selectbox
    • custom select
    0 votes
    0 answers
18. Странно себя ведет position: fixed

    Проблема с фиксацией картинки background:url(../images/bgshowk2.jpg) center top no-repeat fixed;min-height:50px;background-size: cover;padding:340px 0px 0px; Посмотреть можно на главной странице http://decor-holyday.ru В FireFox все, как надо, а в Chrome (Версия 45.0.2454.85 m) косяки. Просьба к форумчанам помочь, где я туплю... Заранее благодарен за ответы

    Asked by inter1c, September 10, 2015

    • css
    • html
    0 votes
    5 answers
19. Выходит за пределы

    Почему текст в диве с классом wrap выходит за пределы справа, padding 20px, это же значит что от каждого края по 20 пикселов http://cssdeck.com/labs/dlch9cbl

    Asked by rpmcmerphy, September 10, 2015

    0 votes
    3 answers
20. Фиксированное меню

    При прокрутке страницы с фиксированным верхним меню, страница как бы прокручивается над меню. Как исправить?

    Asked by Yeldos, September 10, 2015

    • Фиксированное меню
    0 votes
    2 answers
21. text-intent

    Почему не срабатывает text-intent ? http://cssdeck.com/labs/dwpx62hw

    Asked by rpmcmerphy, September 10, 2015

    0 votes
    3 answers
22. box-sizing

    Добрый день! Я новичок. подскажите почему браузеры могут зачёркнут селектор, всю голову сломал уже! -moz-box-sizing:border-box;-webkit-box-sizing:border-box; box-sizing:border-box; Спаибо

    Asked by Nank, September 9, 2015

    0 votes
    5 answers
23. Выпадающее меню западает

    Ребятки,помогите в верстке,есть сайт на Wordpress. Проблема в том что выпадающее меню западает за экран. Вот сайт: http://chobd.esy.es/ Вот скрин:

    Asked by vitaxastifler, September 9, 2015

    0 votes
    0 answers
24. Двойная анимация почему-то..

    Ппривет! Никак не отловлю - почему два раза срабатывает анимация при появлении блоков? http://mag52led.ru/ Гляньте плиз свежим взором?

    Asked by d0ublezer0, September 9, 2015

    0 votes
    2 answers
25. Конструкция display:table + display:table-cell добавляет 9px к высоте

    Всем привет. Имеем html: <ul> <li> <a href="">Ткани</a> </li> <li> <a href="">Металлические карнизы</a> </li></ul>Имеем css: ul{ display: table; width: 100%; }ul li{ display: table-cell; width: 13%; line-height: 1.2em; border-left: 1px #30d2cc solid; height: 50px; }ul li a{height:50px;display:block;} У элемента <a> с высотой все хорошо и она равна 50px. У <ul> и <li> высота 59px. Подозреваю, что особенность конструкции display:table + display:table-cell и нужно дописать какие-то стили. Вопрос — какие? Буду благодарен за любую помощь.

    Asked by goooooch, September 9, 2015

    0 votes
    8 answers