HTML Coding

29542 questions in this forum

1. Выровнять картинки в колонке

   Уже перебробовал много методов и сам сидел мучился, но так ничего и не получается. В примере из-за того, что картинки разные по размеру, колонки получаются разные по высоте. Сделать колонки одинаковой высоты вроде как и не проблема. Проблема в том, что не знаю как выровнять по вертикали картинки, чтобы отступы сверху и снизу между ними были одинаковые в одной колонке. Может решение совсем простое? https://jsfiddle.net/4p05m9cj/ P.S. Добавил внизу футер и желтый фон для наглядности. https://jsfiddle.net/4p05m9cj/2/

   Asked by WhatIsHTML, March 14, 2016

   0 votes
   5 answers
2. Как победить правило в блоке?

   движок где-то формирует следующий код. как я понял при помощи js. в котором ничего не понял. <div class="caroufredsel_wrapper" style="display: block; text-align: justify; float: none; position: relative; top: auto; right: auto; bottom: auto; left: auto; z-index: auto; width: 754px; height: 397px; margin: 0px; overflow: hidden; cursor: move;"><script type="text/javascript">var isIE8 = jQuery.browser.msie && + jQuery.browser.version === 8;if (isIE8 ) { function sliderInit6() { jQuery('.product-related #slider').carouFredSel({ auto: false, circular: false, infinite: false, prev: '#prev_2', next: '#next_2', …

   Asked by nikki4, March 14, 2016

   0 votes
   1 answer
3. Отображение страницы на retina

   Добрый вечер. Помогите пожалуйста решить проблему. Есть дизайн 3-х страниц, буду говорить об одной. Размер страницы в макете 1920х1080, сверстал, на обычных мониках отображается все гуд, задачи верстать под ретину не было, но посмотрели на ретине и сказали что ни чо не лезит в первый экран, то есть появляется прокрутка и судя по скрину там почти в два раза все больше, сказали сделать, чтобы влезло Донор тут Подскажите как сделать чтобы влезло все у них там нормально, посмотрел, почитал про пиксель ратио, но что-то ничего не доходит, да и сложно без ретины в первый раз что-то менять и не видеть что происходит. Я так полагаю сайт должен отображаться одинаково, я в верст…

   Asked by babuya, March 14, 2016

   • retina
   • css
   • help
   0 votes
   4 answers
4. Проблема с отображением SVG

   Всем привет. Ребята столкнулся с проблемой по SVG, файлы попросту не отображаются, при этом консоль не ругается, адреса в коде актуальные но само отображение не происходит. [hide]bogus.hohmochka.in.ua[/hide] кто то может подсказать, в чем может быть трабл? куда копать то? ЗЫ: хайд какой-то странный =)

   Asked by BogusUA, March 14, 2016

   • SVG
   0 votes
   2 answers
5. iPhone и "background-attachment: fixed" - чёрный экран

   Вот видео

   Asked by iBars, March 14, 2016

   0 votes
   1 answer
6. Разные размеры картинок в слайдере

   Мне непонятно, как принято в мире : картинки заблаговременно подготавливают с одинаковым размером (соотношением сторон) или ожидается, что верстальщик сам подстроит слайдер так, чтобы разные картинки не ломали высоту? Если накидать разных по соотношению сторон картинок в слайдер, то слайдер будет меняться по высоте, поскольку будет подстраиваться под высотку картинки. Пытался сделать второй вариант, но не знаю насколько он хорош. Слайдер занимает всю высоту экрана. Для слишком больших экранов можно поставить ограничение по высоте, также как и для маленьких. Но это скорее хак, чем нормальное решение. Подключать отдельный слайдер не хочется, чтобы не грузить сайт. https:…

   Asked by WhatIsHTML, March 14, 2016

   • bootstrap
   0 votes
   4 answers
7. Круг в круге

   Хочу сделать вот такой кружок. Додумался до такого (возможно есть способ попроще?). https://jsfiddle.net/z91cw96f/2/ Но проблема в том, что не могу нормально отцентрировать внешний круг относительно внутреннего. Помогите, пожалуйста Если максимально приблизить, то круг видно более-менее по центру, но если максимально удаляться, то внешний круг сильно смещается.

   Asked by WhatIsHTML, March 13, 2016

   0 votes
   12 answers
8. Маштабирование фона

   Всем доброго вечера, господа, подскажите пожалуйста, как делать так, чтоб фон (картинка) автоматически маштабировалась (обрезалась/уменьшалась, увеличивалась) пропорционально размеру окна браузера. Заранее спасибо.

   Asked by Glebovichu, March 13, 2016

   0 votes
   2 answers
9. Нижнее подчеркивание

   Форумчане! Подскажите, пожалуйста, как сделать подчеркивание блока (div, display:block), например, как на сайте khuzha.tk (верхнее меню)?

   Asked by OneDev, March 13, 2016

   0 votes
   3 answers
10. Как сделать всплывающее окно на весь экран

    Можно ли как-то открыть картинку или видеоролик во всплывающем окне на весь экран. Что бы не было видно ни окна браузера ни панели задач - вообще на весь экран.

    Asked by alleclf, March 13, 2016

    0 votes
    1 answer
11. Сайт по разному отображается на мобильных устройствах и компьютере

    Всем доброго времени суток! В общем, пригрузили на работе как самого молодого заниматься чем-то вроде контент-менеджмента корпоративного сайта (очень простой, буквально несколько страниц с текстом). Единственное что у меня на данный момент есть - логин и пароль от панели управления сайтом (сайт на bitrix). В верхнее меню нужно добавить дополнительный пункт. Как это сделать разобрался, добавил, но он не отображается на стационарных устройствах, а вот с моб. телефона всё видно. Подскажите, пожалуйста, с чем это связано? Где можно настроить чтобы всё отображалось правильно? И ещё: может, кто-то разбирается в этом битриксе- у меня логин/пароль пользователя из группы "админис…

    Asked by Willisoff, March 13, 2016

    0 votes
    0 answers
12. Помогите определить шрифт

    Есть такой скриншот http://joxi.ru/vn2YEk3fR57b26 Какой это шрифт?

    Asked by smirn0ff, March 12, 2016

    0 votes
    3 answers
13. неверно отображается фоновое изображение

    Здравствуйте, товарищи! Есть две ссылки каждая размещена в отдельном svg. При наведении на одну ссылку (pushkin) должно появляется фоновое изображение в виде круга синего цвета, при наведении на другую (lermontov.info) появляется фоновое изображение уже в виде окружности зелёного цвета. На деле правильно отображается лишь изображение при наведении на ссылку lermontov.info, а при наведении на ссылку pushkin вместо синего круга отображается окружность зелёного цвета. Подскажите пожалуйста как это исправить. <!DOCTYPE html><html><head></head><body><svg type="image/svg+xml" width="190" height="190" style="position: absolute; opacity: 1; z-i…

    Asked by Иван98, March 12, 2016

    0 votes
    6 answers
14. Эффект как у приведенного сайта.

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

    Asked by ITMOfan, March 12, 2016

    • параллакс
    • эффект
    • css
    0 votes
    5 answers
15. настройка проекта Bootstrap + Sass + Koala

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

    Asked by vip, March 11, 2016

    • bootsrap
    • sass
    • koala
    0 votes
    8 answers
16. Responsive (резиновая, адаптивная) верстка. Проблемы с высотой

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

    Asked by yaparoff, March 11, 2016

    0 votes
    1 answer
17. 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
18. Шлейф от шрифта

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

    Asked by Vlad_P, March 10, 2016

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

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

    Asked by OneDev, March 10, 2016

    • курсор
    0 votes
    1 answer
20. Вертикальный скрол меню с position fixed

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

    Asked by Shurikkan, March 10, 2016

    • menu scroll
    • scroll fixed
    0 votes
    2 answers
21. Помогите с 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
22. Не хочет работать 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
23. Как скрыть значок битой картинки?

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

    Asked by kpripper, March 9, 2016

    0 votes
    2 answers
24. Режеться слайдер по высоте

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

    Asked by sanyok911, March 9, 2016

    0 votes
    0 answers
25. Проблема с кроссбраузерностью

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

    Asked by Ghost86421, March 9, 2016

    0 votes
    3 answers