HTML Coding

29542 questions in this forum

1. Media-float

   Доброго. Есть html страница с изображениями в блоках с float. Понял, что при ширине страницы ниже 435px с ними случается беда. Процентное уменьшении применить нельзя, ибо там изображения и сами понимаете, что с ними произойдёт при большом уменьшении. Так вот, можно ли написать медиа-запрос, что бы при ширине странице от 435px эти блоки с врезками вообще пропадали и оставался только текст?

   Asked by P0jar, March 5, 2016

   0 votes
   1 answer
2. Проблема с тектом и тэгом <figure>

   (начинающий) Такая проблема: есть изображение getelogo.png следом цитата. Текст немного выше и остается куча свободного места, хочу сделать что бы цитаты была ровно по центру относительно картинки (по горизонтали). Подскажите как сделать правильно. https://jsfiddle.net/L9L5avj7/ Вот сейчас так: https://pp.vk.me/c631930/v6319... А мне надо что бы было так:https://pp.vk.me/c631930/v6319... Может есть специальный тег для этого ?

   Asked by sipsap, March 6, 2016

   • figure p
   0 votes
   1 answer
3. Центрирование модального окна в видимой области браузера

   Здравствуйте. Недавно задавал этот вопрос,мне ответили вот так: -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); но это не срабатывает. У меня длинный лендинг, который не адаптивен,т.е. при открытии на айфоне всё мелко. И чтобы нажать на кнопку модального окна (по ней попасть) нужно увеличить зум и нажать. Но тогда окно модальное оказывается вне видимой области. Как центрировать его именно внутри этой просматриваемой области? Вот тут http://ruseller.com/lessons/les1782/demo/index.htmlвсе работает как надо,про…

   Asked by tegowai, March 6, 2016

   0 votes
   1 answer
4. Первая вёрстка(+адаптивная)

   Здравствуйте! Первая проба вёрстки сайтй с уклоном на адаптивность. В принципе сайт простой, но был бы рад услышать какие-то замечания/советы. ссылка - http://gusto.esy.es архив с шаблоном и файлами(кому нужно может-быть) - https://drive.google.com/open?id=0B-54vYt77yG5cy1PcXk2X3VxbGM

   Asked by ITMOfan, March 6, 2016

   • адаптивная вёрстка
   • первый раз
   0 votes
   5 answers
5. псевдоселекторы after and before

   добрый день, прописываю следующий код .navbar-nav > li:last-child:after Вопрос можно ли так прописывать ? Хочу задать стили для последнего элемента A > after сайт http://mymoda.com.ua/- верхнее меню, у Мужчины - нет вертикальной черты и последнего элемента Дети тоже нет вертикальной черты - как эти элементам задать через псевдо-селектор стили? приложил скрин http://prntscr.com/ac7y60 Спасибо.

   Asked by mrfrunze, March 7, 2016

   • after
   • before
   0 votes
   6 answers
6. Как сделать свои курсоры со значениями

   Здравствуйте! Мой первый пост на этом форуме. HTMLBOOK пользуюсь регулярно. Надеюсь, и тут меня примут хлебом да солью Прошу строго не судить мои "Остроумные" вопросы и в будущем, верстать я начал в конце февраля. Перейдем ближе к теме. Я хотел спросить, как сделать свои курсоры на сайте. Нашел много инфы в интернете, в том числе и http://htmlbook.ru/css/cursor Но нигде не нашел ответа на свой вопрос. Я уже знаю, как сделать общий курсор на весь сайт. Но как задать множество видов курсоров - обычный, при наведении на ссылку, на текст и прочее? Как задать им значения? Буду очень благодарен Да и, пожалуйста, давайте обойдемся без "Зачем тебе ставить свой курсор" и т.п…

   Asked by OneDev, March 10, 2016

   • курсор
   0 votes
   1 answer
7. Кнопка Play на картинках (псевдоселекторы). Как добавить?

   Кнопки не видно img.playvid {position: relative;}img.playvid:before {display: block;content: "";background: url(http://derka.pickupguild.ru/images/play.png) no-repeat center center;position: absolute;top: 45%;left: 0;right: 0;width: 64px;height: 64px;z-index: 99;}Если что, все img заключены в div. Может для него можно что-то прописать, если не получится?

   Asked by iBars, March 7, 2016

   0 votes
   6 answers
8. Проблема с отображением на iPhone5/6

   Добрый вечер, форумчане. Делаю небольшой сайт, но столкнулся со следующей проблемой. Листалки фотографий у заказчика на iPhone открывается в жутком виде (слайды становятся в столбик). Смотрите фото. Но беда еще в том, что у меня самого нет нужных яблодевайсов, как и у моих знакомых. Пофиксить наугад не получилось. Так что у кого есть на руках IPhone 5 или старше, помогите пожалуйста. Или посоветуйте сервис, на котором есть рабочий эмулятор. То что находил своими силами открывал сайт не так как настоящий айфоны. p.s. если увидите еще какие-то визуальные косяки при открытии с айфона, сообщите пожалуйста. Временная ссылка на сайт: http://openbikes.tk

   Asked by CraftLawrence, March 7, 2016

   0 votes
   1 answer
9. небольшой скрипт

   Здравствуйте уважаемые форумчане! Написал небольшой скрипт "подгрузки отзывов" который, по идее, должен срабатывать три раза при каждом нажатии на кнопку «показать еще», но он срабатывает только один раз, подскажите, пожалуйста, что не так ? P.S. В js не силен, недавно только начал изучать его ) http://web-verstka.zzz.com.ua/portfolio/reviews/

   Asked by stan07, March 7, 2016

   0 votes
   2 answers
10. как растянуть картинку на всю доступную ширину блока?

    Добрый день,учусь верстать с псд,выбрал себе макет,и столкнулся с проблемой. http://joxi.ru/D2PKwp0HdlbGNm есть блок,внутри 3 столбца,у каждого есть заголовок. перед заголовком иконка с синим квадратом,после заголовка иконка с пунктиром. пытался сделать все это при помощи псевдоэлементов before и after. <div class="about"> <div class="row"> <div class="col-md-4 about"> <p>services</p> </div> <div class="col-md-4 about"> <p>our tearms</p> </div> <div class="col-md-4 about"> <p>27/7/365 support</p> </div> </d…

    Asked by F4rr3LL, March 7, 2016

    0 votes
    13 answers
11. Отображение горизонтальной прокрутки у списка

    https://jsfiddle.net/cxz0n2u2/10/ - код для проверки и тестов здесь. Убрал весь ненужный код jquery и html Проблема возникла при изменении (своей же) верстки. Не появляется скрол по оси x (горизонтальная прокрутка). Если сделать вывод не списком а через div то проблемы нету - прокрутка появляется но как только делаю через список прокрутка не отображается. В примере вы увидите 10 сообщений (10-элементов списка) и хотя стоит фиксированая высота и ширина стоит float:left , overflow-x: auto (или scroll), overflow-y: hidden, блок показывает результаты что поместились а остальные что ушли в низ прячет, то есть не показывает прокрутку. Опять же если не делать через список то…

    Asked by alex_mike, March 8, 2016

    • html
    • css
    0 votes
    2 answers
12. Проблема с кроссбраузерностью

    Всем добрый день, недавно обнаружил проблему с липким хедером на верстке (хедер неадекватно себя ведет при прокрутке), проблема проявляется в Safari (MacOS). Кто-то может встречался с такой проблемой? Спасибо. http://grille.softstore24.com/

    Asked by Ghost86421, March 9, 2016

    0 votes
    3 answers
13. Block vs Flex

    Доброго времени суток всем. В процессе обучения и начальной практики верстки созрел вопрос. Вот сверстал я страницу макета на обычных блоках, с флоатами, инлайнами и прочим, работает, адаптивно, вроде нормально. Потом по мере обучения дошел до flex технологий, начал осваивать, переверстал эту же страницах на флексе. И вот по ощущениям как-то проще получилось, меньше кода, более предсказуемо ведут себя блоки, частично встроенная даже без медиа адаптивность и т.д. Поддержка ИЕ с 10 версии, что в принципе терпимо с учетом тенденций к тотальному переходу минимум на вин7 даже лоу лвл сегмента ПК всех видов. Почему очень многие до сих пор верстают блоками обычными? Во всех ви…

    Asked by Highlander, March 8, 2016

    • flex
    • block
    0 votes
    8 answers
14. Стрелка в speedbar другого цвета & высота блока

    На форуме стрелки в speedbar'е какого-то другого цвета, не могу исправить, а также левый блок в футере не растягивается автоматически по высоте правого блока. Уже перепробовал height: auto, inherit и 100%. Мне кажется они вообще никогда и нигде не работали

    Asked by iBars, March 9, 2016

    0 votes
    4 answers
15. Где следует разрабатывать адаптивный дизайн?

    ранее делал в инструментах разработчика в ФФ и хроме. Там все ок. Смотрю с телефона - все поехало Глянул со стороннего сервиса - опять поехало в шапке блок, подобном как на телефоне. Почему? может из-за того что там в em а не px? или шрифт в мобильном не поддерживается? (abel) да, походу из-за шрифта...

    Asked by nikki4, March 9, 2016

    0 votes
    1 answer
16. Режеться слайдер по высоте

    Добрый день, не могу разобраться почему ширина изображения не та что загружается в флексслайдер(1980*1080) Обрезает height Вот ссылка: http://792878.seedin00.web.hosting-test.net/index.php/ru/

    Asked by sanyok911, March 9, 2016

    0 votes
    0 answers
17. Как скрыть значок битой картинки?

    Можно как-то сделать, чтобы на сайте не показывался такой значок, когда картинки нет по указанному пути? Лучше всего показывать пустое место.

    Asked by kpripper, March 9, 2016

    0 votes
    2 answers
18. Не хочет работать data-wow-offset

    Всем привет. Есть верстка http://gurevich.agency/html/ По непонятной причине блоки div.wow.fadeInRight и div.wow.fadeInLeft анимируются в момент загрузки страницы, хотя благодаря значению атрибута data-wow-offset должны "срабатывать" не сразу. Замечено, что анимация стартует с некоторой отсрочкой, когда data-wow-offset > 650. Есть подозрение что wow.js в данном макете неверно рассчитывает местоположение блоков с анимацией по какой-то причине. Буду благодарен за подсказку.

    Asked by goooooch, March 10, 2016

    0 votes
    2 answers
19. Помогите с mail.php

    День добрый! Имеется код <div class="popup"> Заполните форму и получите бесплатную консультацию <br>при заказе онлайн <div class="popup-form"> <form action="mail.php" method="post"> <input type="text" name="name" required placeholder="Ваше имя"> <br> <input class="truba" type="tel" name="phone" required placeholder="Ваш телефон"> <br> <input type="submit" name="submit" value="" class="buzz-out"> </form> </div> <a class="close" href="#i"></a> </div>Он открыв…

    Asked by serg3318, March 10, 2016

    0 votes
    2 answers
20. Вертикальный скрол меню с position fixed

    Всем привет. На странице расположено горизонтальное меню с навигацией. При скроле страницы вниз, при условии, что блок с меню вышел за пределы экрана, значение его атрибута position меняется со static на fixed. Блок с меню прижимается к верхнему левому углу и растягивается на всю ширину окна браузера. Меню построено в виде аккордеона - при нажатии на ссылки основного меню открываются подменю. ПРОБЛЕМА: При открытии подменю с большим кол-ом пунктов, пункты основного меню ниже выходят за пределы экрана внизу. Скрол меню невозможен из-за position: fixed. Пункты меню становятся недоступными. ЗАДАЧА: Реализовать прокрутку меню по-вертикали, если при раскрытии подменю пун…

    Asked by Shurikkan, March 10, 2016

    • menu scroll
    • scroll fixed
    0 votes
    2 answers
21. Шлейф от шрифта

    Подскажите пожалстра, можно ли при помощи text-shadow (или чего угодно) сверстать такой шлейф от текста? http://joxi.ru/0KAg7bkuVnk0AlПроблема в ее градиентной прозрачности. Ну как обрезать внизу - понятно

    Asked by Vlad_P, March 10, 2016

    0 votes
    2 answers
22. Firefox медиа запрос

    <!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Recipes</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link href="css/style.css" rel="stylesheet"></head><body> <div class="image"></div> <div class="image"></div> <div class="image"></div> <div class="image"></div></body></html>.image { display: inline-block; height: 100px; width: 24%; border: 1px solid black;}@media screen and (max-width: 640px){ .image { width: 49%; }}https://yadi.sk…

    Asked by WhatIsHTML, March 11, 2016

    • firefox
    • media
    • query
    0 votes
    2 answers
23. Responsive (резиновая, адаптивная) верстка. Проблемы с высотой

    Здравствуйте. Делаю адаптивную (responsive) верстку. При ширине экрана 1280px блок с изображением выглядит так: А при ширине 1800 px так:А должно быть так: media-queries решают проблему, но ведь придется через каждые 50px их прописывать. Можно как-то более разумно поступить? http://codepen.io/anon/pen/XdKzVr

    Asked by yaparoff, March 11, 2016

    0 votes
    1 answer
24. настройка проекта Bootstrap + Sass + Koala

    До сих пор верстал только с чистым css. хочу начать изучение Sass + Bootstrap (который ранее тоже не использовал) Никак не могу найти описания как правильно настроить рабочую среду без использования Ruby/Gulp/Bower, а с понятным Koala GUI. Где какие файлы размещать и какие файлы можно править в исходниках Бутстрапа, или нельзя никакие и нужно создать свои файлы, которые будут переписывать переменные Бутстрапа?

    Asked by vip, March 11, 2016

    • bootsrap
    • sass
    • koala
    0 votes
    8 answers
25. Эффект как у приведенного сайта.

    _http://labitex.com/ При пролистывании сайта шапка скрывается за блоком снизу. Как добиться такого эффекта?

    Asked by ITMOfan, March 12, 2016

    • параллакс
    • эффект
    • css
    0 votes
    5 answers