HTML Coding

29,542 questions in this forum

1. Маштабирование фона

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

   Asked by Glebovichu, March 13, 2016

   0 votes
   2 answers
2. Проблема с отображением SVG

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

   Asked by BogusUA, March 14, 2016

   • SVG
   0 votes
   2 answers
3. Проблема с высотой div-а в сайдбаре

   Всем привет, Вроде бональная проблема, но уже несколько часов не могу ее решить. Есть сайт http://aroundthailand.ru. Слева есть блок "сайдбар" ни в какую не тянится на всю ширину экрана. Изначально сайдбар был прилеплен с помощью скрипта. Функция высчитывала высоту и добавляла новые параметры в CSS. Эту фишку отключил, но теперь образовалась пустая область. Надеюсь на помощь. Заранее спасибо.

   Asked by proflead, March 16, 2016

   • div
   • верстка
   0 votes
   2 answers
4. Как зацентрировать всю конструкцию?

   Добрый вечер помогите пожалуйста, имеем следущую конструкцию <div style="overflow: hidden;"> <div style="width: 100%"> <div style="float: left;padding:5px"><img style="max-width:100%; border:1px solid white" src="http://unispot.pro/image/catalog/test.jpg"></div><div style="float: left;padding:5px"><img style="max-width:100%; border:1px solid white" src="http://unispot.pro/image/catalog/test3.jpg"></div> <div style="float: left;padding:5px"><img style="max-width:100%; border:1px solid white" src="http://unispot.pro/image/catalog/test3.jpg"></div><div style="float: left;padding:5px"><img style="max-w…

   Asked by ilvl, March 17, 2016

   0 votes
   2 answers
5. Вопрос по использованию background-image

   Всем добрый день! При добавлении div'у background-image возник вопрос: а как объяснить элементу, какую именно часть картинки нужно отобразить, если я, скажем, ставя фоновое изображение разрешением 1920x1080, задаю div'у высоту 500px (или любое другое значение меньше 1080px), и при этом хочу, чтобы изображение было обрезано не снизу, а сверху? Заранее спасибо

   Asked by kot_Bazilio, March 21, 2016

   • html5
   • css3
   • background-image
   • вопрос
   0 votes
   2 answers
6. B бутстрап верстке yнепоянтный класс и input-sm

   Всем привет, Подскажите, пожалуйста, я наткнулся на использование в бутстрап верстке для контрола классов form-control и input-sm вроде : <div class="col-xs-12 col-sm-8 col-md-8"> <input type="text" name="postal_code" id="postal_code" class="form-control input-sm" value="" size="4" maxlength="4" Читаю доки: Размеры полей Чтобы поменять размер элемента формы, ему можно назначить один из классов: .input-sm .input-lg Это что управление высотой контрола или что ?

   Asked by mstdmstd, March 21, 2016

   • input-sm
   • bootstrap
   0 votes
   2 answers
7. Как сделать горизонтальные и вертикальные линии на сайте?

   Доброго дня, уважаемые! Только-только приступил к изучению основ вёрстки веб-сайтов, верстаю первый макет для тренировки. Возник следующий вопрос: как при помощи html5 и css3 добавить на сайт горизонтальные и вертикальные линии? Наглядный пример того, о чём я говорю - линия внизу страницы этого форума. Вот об этой линии я говорю. Заранее спасибо

   Asked by kot_Bazilio, March 21, 2016

   • html5
   • css3
   • вопрос
   0 votes
   2 answers
8. Странные квадраты внизу блока

   Добрый день. Помогите, пожалуйста, разобраться откуда в правом блоке, где телефоны внизу беруться маленькие белые квадраты в нижних уголках фона. CSS свойст я таких не задавал, и они такие же, как у левого блока, только цвет другой ссылка на сайт - ниже http://emes.com.ua/accounting-services

   Asked by emes, March 21, 2016

   • css
   0 votes
   2 answers
9. Open Sans не такой толстый как нужно

   Использую Open Sans на страничке http://www.reklamy.ru/uslugi/print/shtendery/ - двухцветные заголовки например "ПРАЙС ЛИСТ" сделал толщину 800 все равно выглядит не так как на гугле https://www.google.com/fonts/specimen/Open+Sans#charset нужно ещё чуток потолще

   Asked by GTAlex, March 22, 2016

   0 votes
   2 answers
10. Что растягивает страницу при 768 пикселях?

    Здравствуйте. Если посмотреть на страницу при ширине экрана 768 пикс, то можно увидеть много пустого пространства после шапки сайта. Какие стили вызывают такое смещение?

    Asked by borus, March 22, 2016

    0 votes
    2 answers
11. Как поставить HTML5 разметку?

    Уважаемые! Помогите, пожалуйста, разобраться с html5 разметкой. Вот новые семантические элементы html5: header,nav,aside,footer,article,section,hgroup. Я почему-то путаюсь, как правильно расставить article,section,hgroup (особенно section!). Что за section? Им надо выделять каждый блок в статье (описание, картинку,опрос,комментарии) или нет? У каждого section должен быть H1-H заголовок или нет? Объясните, пожалуйста, простым языком значение section, дочерние его элементы и вообще смысл его. Если не затруднит, то на примере стандартного шаблона: Главная. Страница со статьёй.

    Asked by Extazy, March 23, 2016

    0 votes
    2 answers
12. Перенос слов если не хватает места

    Подскажите, есть такой код - http://cssdeck.com/labs/ykznzejh если тексту не хватает места он начинает перетекать (переноситься) на новую строку (весть блок div), что выглядит достаточно криво, как сделать так, что бы если не хватало места, что бы НЕ содержимое блока div переносилось на новую строку, а содержимое тегов span. <div class="wr"> <span>один два три</span> <span>четыре пять шесть</span> <span>семь восемь девять</span> </div> .wr { padding: 20px; } .wr > span { padding: 10px; border: 1px solid gray; } Ну или как сделать что бы при переносе содержимого блока div все выглядело п…

    Asked by CLK, March 23, 2016

    0 votes
    2 answers
13. Где взять такую

    Здравствуйте. Не знаю, в какой раздел написать, решил сюда. Где мне взять такую песню карусель http://joxi.ru/Vrwepwbi5VpB2X , не мог найти подходящую под такое описание, может и плохо искал: - слайдер прокручивает картинки по клику на стрелки либо по картинке, выбранная всегда в центре, если картинок мало то они по центру slick- карусель почти такая есть, но там нет функции кликать по картинкам. Может кому попадалась?

    Asked by kent, March 24, 2016

    0 votes
    2 answers
14. Ссылки скачут при нажатии

    При нажатии ссылки скачут. Что делать? http://codepen.io/anon/pen/mPwyGE

    Asked by yaparoff, March 25, 2016

    0 votes
    2 answers
15. скругление-эллипс нижних углов блока

    Ребят,нужна помощь нужно сделать у блока со слайдером скругленные нижние углы,но скругление эллипсовидное проблема в том что когда задаю border-radius: 0 0 50%/5%; - скругляется нижний правый угол но если задать border-radius: 0 0 50%/5% 50%/5%; - то блок остается квадратным https://jsfiddle.net/1ndr2qq1/

    Asked by F4rr3LL, March 26, 2016

    0 votes
    2 answers
16. Эффект скрытия текста при скролинге

    Здравствуйте. Очень нужно решить такую задачу. Имеется: - header зафиксированный вверху страницы position: fixed - footer зафиксированный внизу страницы position: fixed - content центральная часть, где находится текст При скролинге страницы хотелось бы, чтобы текст, когда заходил за блоки header или footer исчезал, а не просматривался сквозь них. Блоки header и footer имеют прозрачность. Возможно ли это реализовать средствами CSS? Вот пример: http://codepen.io/anon/pen/BKZMWm

    Asked by Akkord87, March 28, 2016

    0 votes
    2 answers
17. Как правильно обернуть картинку в ссылку?

    Здравствуйте, граждане! В html5 я столкнулся со следующей проблемой. Оборачивая <img /> в теги <a></a>, у меня под картинкой появляется щель шириной ~3,5px. Кто-то с этим сталкивался? Код следующий: <!DOCTYPE html> <html lang="ru"> <head> <title></title> </head> <body> <div style="border: 1px solid black;"> <a href="#"> <img src="img1.jpg" /> </a> </div> </body> </html> Скриншот результата: https://yadi.sk/i/EWNxjZQ4qhtAp Кроме того, результат одинаков как для браузера Opera, так и для ЯндексБраузера.

    Asked by PeterGreat, April 4, 2016

    • html
    • img
    • a
    0 votes
    2 answers
18. Блок неправильной формы(срезанные прозрачные углы)

    Всем привет) помогите люди добрые нужно сверстать такой блок http://joxi.ru/Vm66NWRSxEBdQm пол дня гуглил,так и не нашел ничего подходящего обычно подставляют срезы белого цвета через before и after. но в данном случае подложка тоже картинка,по этому срезы должны быть прозрачными

    Asked by F4rr3LL, March 29, 2016

    0 votes
    2 answers
19. Анимация border

    Здравствуйте. Не получается реализовать эффект Задача: чтобы ширина нижнего бордера плавно уменьшалась из центра к бокам. С левой линий все просто. Но как добиться уменьшения ширины правой линии? (т..е. в направлении слева направо) Код того, что получилось: codepen.io

    Asked by BehemothOz, March 29, 2016

    0 votes
    2 answers
20. Разные картинки

    Хотелось бы, чтобы картинки были одинаковыми, или хотя бы аккуратно выровненными. http://medialife24.com/category/news/ Какие есть решения?

    Asked by yaparoff, March 30, 2016

    0 votes
    2 answers
21. Гуру флексбоксов, созываю вас!))

    Флекса, что не на есть хорошо подходят для модальных окон. Ровняют сами, вообще супер, но... Я никак не могу понять, как работают флекса с переполнением... Что если дочерний больше, "папе" я добавляю скролл: авто, да скроллится, но как мне сделать внутренние отступы у "папы", чтоб "сынок" не прилипал к краям папы??? Накидал мальенькой пример. Вверху видно внутр. отступ есть, а внизу он съедается... Как быть? Такое наблюдаю в лисе, в вебкитах все правильно... Пример: http://codepen.io/hesrun/pen/LNjKYR

    Asked by vladmih, March 31, 2016

    0 votes
    2 answers
22. Как сделать обтекание текста по середине рядом с div-кнопкой

    На сайте вверху есть вот такая информация: Вот код: <div class="box-services"><span class="pull-left"><i class="fa fa-refresh">&nbsp;</i></span> <div class="media-body"> <h3><a href="http://www.duoterm.ru/contact-us/"><font><font>Сделать заказ</font></font></a></h3> </div> </div> <div class="box-services"><span class="pull-left"><i class="fa fa-phone">&nbsp;</i></span> <div class="media-body"> <h3><font><font><font><font>+7 916 321-81-40</font></font></font></font>&…

    Asked by guram07, April 1, 2016

    0 votes
    2 answers
23. Помогите плз с версткой

    Уже 2 дня не могу сделать вестку header(файл во вложении). Вся шапка в формате psd(могу вытянуть любой рисунок). Не получается наложить рис. так что б они при уменьшении дисплея не плыли, тоесть были адаптивными к любому расширению дисплея. Использую фреймворк bootstrap. Белая и серая полоски будут росширяться, при изм.дисплея. Надеюсь на Вас ув.форумчане. С css и html знаком. Заранее благодарен

    Asked by Yura1989, April 2, 2016

    • версткаcss
    0 votes
    2 answers
24. Подскажите как сделать онлайн компилятор HTML/CSS.

    Ребята помогите пожалуйста в решении вопроса.А именно как сделать онлайн компилятор HTML/CSS на подобие того что в CodeAcademy или jsfiddle?Хочу попробовать сделать сайт на подобие того самого CodeAcademy, для дипломного проекта.

    Asked by Konstantin99, April 2, 2016

    0 votes
    2 answers
25. хром,кнопка назад и меню

    страница рендерится с меню,которое прилипает к верху страницы если кликнуть на любой элемент,а затем вернуться назад нажав кнопку назад то меню пропадает самого элемента заголовка <header> нету, почему то пропадает,проверяю инспектором если смотреть исходный код то элемент есть потому что идет новый запрос на сервер в чем может быть проблема?

    Asked by https, April 4, 2016

    0 votes
    2 answers