HTML Coding

29542 questions in this forum

1. верстка блока с иконкой и рамкой, и текстом внутри

   Здравствуйте. Подскажите начинающему, как правильно сверстать блок такого плана Скрытый текст (смотри рисунок) , когда по периметру идет граница, а на верху блока иконка возле которой границ нет, но потом есть. Попробовала все это сделать через background.. но не знаю, на сколько это правильно. Ну и хочу, чтобы все это адаптивно было. И как правильно верстать вот такое дерево блоков?

   Asked by Prana, July 1, 2016

   • верстка по макету
   • помощь начинающему
   • проблемы верстки
   0 votes
   4 answers
2. Какой хостинг под блог выбрать?

   Доброго времени суток всем! С некоторого времени начал изучать вёрстку сайтов. И наконец решил сделать свой первый сайтик. И выбор пал на сайт типа блог. Сайт то я сделал, а вот с выбором хостинга появились проблемы. Вначале я так думаю посетителей будет не очень много. Да и неизвестно, когда их станет много. Вот я и подумал брать бесплатный хостинг бессмысленно. Значит нужен платный. Но для начала хотелось бы выбрать какой-нибудь недорогой хостинг, там с оплатой 200-300 рублей в месяц ( ну максимум до 500). А уж потом, если сайт раскрутится перенести его на более крутой хостинг. Просто не люблю тратить деньги, если не уверен в их окупаемости. Не подск…

   Asked by DonFalcon, June 30, 2016

   0 votes
   4 answers
3. прокрутка для мобил

   сайт на бутстрап есть страница с отображением итемов.на десктопе итемы отображаются всей пачкой если открыть на мобиле то итемы идут в высоту и нужно крутить сайт вниз есть простое решение чтобы для мобилы итемы выводились в виде карусели по 1 на экране?

   Asked by https, June 30, 2016

   0 votes
   0 answers
4. Горизонтальная полоса прокрутку

   Всем привет. Заметил, что на сайте появилась большая горизонтальная полоса прокрутки, не могу найти причину. Помогите, пожалуйста. http://a96362zl.bget.ru/

   Asked by IvanRu08, June 30, 2016

   0 votes
   1 answer
5. Неправильный вид кнопок на устройствах IOS

   Добрый день, проблема в том, что на устройствах IOS кнопки на сайте, который я разрабатываю выглядят совсем иначе. Проблема актуальна для всех устройств с IOS. На Андройде выглядит как на скрине. Спрашивал двух знакомых front-end'ов, они незнают почему так. Вот сайт: http://finematras.ru

   Asked by Skater, June 29, 2016

   0 votes
   6 answers
6. Научиться HTML5 нужна помощь.

   Здравствуйте! Я сеошник верстать не верстал, но править мог сателлиты простые делал ну и конечно в коде хорошо разбирался когда был html 4 Сейчас когда появился html 5, который представляет большие возможности, захотелось его выучить и не просто выучить чтобы знать новые теги и css свойства, но и научиться верстать. В интернете очень много информации по данной версии языка, но боюсь запутаться. Хочу у вас попросить совета: С чего начать? Какую литературу читать, видео? В общем буду очень благодарен за советы. Заранее спасибо!

   Asked by Styler, June 29, 2016

   • html5 css3
   0 votes
   4 answers
7. Сложности при верстке навигации

   Здравствуйте. Нужно сделать навигацию такого типа Что я сделал на данный момент codepen Если вы наведетесь на "Шкафы-купе", то увидите подкатегории, что появились снизу, а нужно справа. Я мог бы их расположить там с помощью позиционирования, но тогда они будут вываливаться с белого блока (.nav-wrap), если будут больше по высоте. Как мне решить эту проблему?

   Asked by alex_web64, June 28, 2016

   • навигация
   0 votes
   3 answers
8. Позиционирование фонового изображения

   Всем привет. Народ, делаю сейчас страницу: Ссылка Но никак картинку не могу спозиционировать, чтобы она вообще отображалась, как на главной странице: http://busik.top/ И в футере картинка на задний план уходит почему то. Пробовал с z-index играться, но результата не дало. Помогите пожалуйста, как CSS подправить, чтобы всё нормально отображалось? Скрины: Скрин1 Скрин2

   Asked by fenix_63, June 28, 2016

   • html
   • background
   0 votes
   1 answer
9. При просмотре сайта в iOS перепутаны все картинки

   У меня возник глюк, подобного которому не смог найти ни в российском ни в англоязычном сегменте. Сайт http://nastobr.com/ Если зайти ПЕРВЫЙ раз с любого устройства iOS (то есть айфона или айпеда), причем из любого браузера, то все картинки перепутаны, то есть например логотип откуда-то из низа страницы встает вместо картинки баннера, или фотка из анонса может встать вместо скана лицензии и т.д. Если просто обновить страницу, то глюк исчезает и его можно снова увидеть лишь очистив кеш. На других устройствах: десктопе или из андроиде глюк не проявляется. Клиент мне всю плешь уже этим глюком проел, а я не понимаю что происходит. Что это может быть?

   Asked by Hamulus, June 28, 2016

   0 votes
   1 answer
10. Позиционирование под меню относительно главного меню средствами CSS

    Добрый день. Сижу над следующей задачей: 1. Есть левое боковое меню из ul, li 2. При наведении на пункт меню li, отображаю блок div с подменю. Но проблема в том, что если боковое меню ul высотою с экран, или более, то всплывающее подменю div (возле последнего пункта меню li) не полностью выводиться на экран, оно уходит за границу нижней часть страницы и видно не полностью. Решение вижу так: 1. Для верхних пунктов (li) меню (ul), всплывающее под меню (div) позиционирую свойством top. Если всплывающее под меню (div) отображается для самых последних пунктов (li) вертикального меню (ul), то в место свойства top:0; для div думаю использовать свойс…

    Asked by hitec, June 28, 2016

    0 votes
    3 answers
11. Масштабируемый блок с видео на фоне

    Приветствую! Установлен готовый шаблон на _http://www.free-solutions.net/ Под слайдер добавили фоном видео. Возможно ли добиться совпадения нижней границы слайдера и видео-фона при масштабировании? <video> перемещали в другие блоки, объединяли, пока ничего не помогает, только прописывание каждого шага через @media.

    Asked by pimpa, June 28, 2016

    0 votes
    3 answers
12. Крытые pdf файлы

    Добрый при добрый день! Требуется реализовать такое: есть несколько файлов PDF, я их закинул в div none, и после нажатия они открываются, но проблема в том что страница долго грузится из за того что грузятся файлы в скрытом div. Как мне это обойти???помогите плиз ребят) Как то нужно сделать что бы только после нажатия на кнопку файлы подгружались

    Asked by edem7778, June 27, 2016

    • загрузка контента после нажатия
    0 votes
    9 answers
13. Прокрутка в ячейке таблицы неизвестной высоты

    Всем привет, табличная верстка, в нижнюю строку таблицы добавляются данные, необходимо, что бы при достижении высоты окна содержимое нижней строки прокручивалось (а в дальнейшем и перематывалось на конец, но пока и прокрутка не работает). Достаточно, что бы работало в Интернет-Эксплорерах (это интерфейс для Windows-скрипта, поэтому указывать DOCTYPE нет смысла). Спасибо! <head> <title>Untitled</title> <style type="text/css"> html, body { height:100%; margin:0px; padding:0px; overflow: hidden; } </style> </head> <body> <table border="2" style="width:100%; height:100%…

    Asked by GrEb, June 27, 2016

    0 votes
    3 answers
14. Как отобразить одну картинку пока грузится другая.

    Здравствуйте, Заранее извиняюсь, если тема обсуждалась, или слишком глупа. Я создаю сайт лендинг пейдж, где много фоновых картинок-фотографий. Боюсь что сайт будет много весить и грузиться долго. В интернете нашел скрипт, в котором картинки заменяются на аналоги плохого качества если находятся вне видимости экрана. Но у скрипта два минуса: 1) он не предназначен для фоновых изображений, тк те подгружаются из css, 2) не работает для изображений на первой странице, тк скрипт начинает работать только при скролинге. С первой проблемой думаю можно справиться если картинки делать не фоном, а при помощи img position. И собственно мой вопрос по второй пробле…

    Asked by Вадос Пёс, June 27, 2016

    • загрузка картинок
    • оптимизация
    0 votes
    4 answers
15. Как прибить footer к низу если фон страницы с абсолютным позиционированием?

    Добрый день. Раньше пользовался разнымие способами и они помогали, но в этой ситуации, когда на фоне у меня сочетание видео и картинки и им дано position: absolute ничего из известных мне способов не работает( может где-то что-то я упустил, помогите пожалуйста. При это очень очень желательно, чтобы рабочий способ не зависел от высоты футера т.к. на разных разрешениях она меняется. Вот codepan: http://codepen.io/foxer1/pen/OXbYrj

    Asked by foxer, June 27, 2016

    0 votes
    17 answers
16. Semantic UI одинаковая высота блоков

    Необходимо сделать высоту блоков на скриншоте, одинаковой. Для задания одинаковой высоты у Semantic UI есть классы "equal height". Пример тут http://jsfiddle.net/ozk615p6/35/ "equal height" задается внешнему блоку, а дочерним элементам будет задана одинаковая высота. Проблема в том, что мне нужно выровнять по высоте не дочерние элементы, по крайней мере не первого уровня вложенности. Моя проблема тут http://jsfiddle.net/ozk615p6/34/ Помогите пожалуйста.

    Asked by WhatIsHTML, June 26, 2016

    • semantic ui
    • equal
    • height
    • columns
    0 votes
    0 answers
17. инпуты выполняют функции чекбоксов с 3мя состояниями

    Всем привет, На ссылке инпуты выполняют функции чекбоксов с 2мя состояниями link А можно ли сделать что-нибудь подобное но с 3мя состояниями? Спасибо !

    Asked by mstdmstd, June 25, 2016

    0 votes
    1 answer
18. Инвертация значений нескольких кнопок

    Здравствуйте многоуважаемые. Подскажите как доработать нижеприведённый мною скрипт: <html> <head> <title>Cool dynamic page!!!</title> <script language="JavaScript"> var img = new Array('off.png','on.png'); var i; function gmi(id,nom) { i=(i==1)?0:1; console.log('Кнопка:'+id+' Значние:'+i); document.getElementById(id).src=img[i]; } </script> </head> <body> <p><img id="km1" src="off.png" onclick="gmi(this.id,0)"></p> <p><img id="im2" src="off.png" onclick="gmi(this.id,1)"></p> <p><img id="im3" src="off.png" onclick="gmi(this.id,2)"></p> </body> </htm…

    Asked by Ser8191, June 24, 2016

    0 votes
    0 answers
19. Подгрузка файла с сервера

    Использую данный способ для загрузки stl на свой сайт. Хотелось бы сделать так, чтобы stl загружалось с сервера (файл уже лежит на сервере). Возможно ли это сделать? Заранее спасибо за помощь!

    Asked by Denisakm, June 24, 2016

    • stl
    • js
    • html
    0 votes
    0 answers
20. Помогите сделать автоматическую карусель

    Всем доброго времени суток. Нужно сделать подобную штуку. Автоматическая прокрутка, изображение, когда доходит до центра, должно увеличиваться. Не нашел готовых примеров в сети. Заранее спасибо.

    Asked by IvanRu08, June 24, 2016

    0 votes
    5 answers
21. display: block по нажатию на radio

    Здравствуйте! Будьте добры, подскажите пожалуйста как сделать такую вещь... Есть два радио переключателя. Если выбрать один то определённый div у которого был display none становится display block, если нажать на другой то первый блок должен снова становиться display none а новый уже display block. Мне нужен самый примитивный вариант реализации такой вещи. Я искала но находила примеры с jQuery но грузить всю библиотеку для такой простой вещи как то не хочется - это не правильно. Спасибо!

    Asked by Anechka, June 23, 2016

    • form
    • radio
    • display
    • block
    0 votes
    1 answer
22. Корректное отображение border-botttom

    Добрый день, есть 2 проблемы: 1 - Как сделать так что бы нижний бордер отображался как на макете? 2 - Как сделать так что бы текст выпадающего меню был на ровне с текстом основного меня как на макете? https://jsfiddle.net/85Lvy05r/ Заранее очень сильно благодарю.

    Asked by Kamel515, June 23, 2016

    0 votes
    3 answers
23. Как заставить видео и картинку масштабироваться пропорционально?

    Здравствуйте! Такая проблема: Есть сайт где на фоне сверху лежит видео, сразу под ним лежит картинка, которая является продолжением видео, имеет такую же изначальную ширину (1920) и должна совпадать с видео пиксель в пиксель, чтоб не было понятно, где оно заканчивается и начинается статическая картинка. Ещё нужно, чтоб они не сужались при уменьшении окна, а центрировались (на видео в центре есть объект, который всегда должен оставаться в центре). Этого достигнуть я пытаюсь с помощью "object-fit: cover" на <video> и на <img> и все хорошо пока ширина окна не начинает превышать 1920рх , тогда они начинают увеличиваться не пропорционально и видео начинает пе…

    Asked by foxer, June 23, 2016

    • html
    • css
    0 votes
    2 answers
24. Некорректное масштабирование элементов страницы в хром и опере

    Здравствуйте. В общем обнаружилась такая проблема. Есть элементы в виде квадратиков в несколько рядов. https://jsfiddle.net/y5hsr9b6/ В хроме, опере в масштабе 110% начинают скакать нижние ряды элементов. В масштабе 100%, 125% и др. все нормально, в других браузерах в любых масштабах все норм. Получается хром и опера некорректно масштабирует страницу? Как лучше справиться с этим эффектом?

    Asked by ishurgaya, June 23, 2016

    0 votes
    7 answers
25. скопировать лого как?

    помогите пожалуйста скопировать лого. желательно чтобы в результате оно было на прозрачном фоне: http://joxi.net/Y2L8Z8nSnNPJ52 https://news.rambler.ru/world/33965170/ тут мне даже не понятно где параметры svg-изображения хранятся >__<

    Asked by cyklop77, June 22, 2016

    • svg
    0 votes
    11 answers