HTML Coding

29,542 questions in this forum

1. Растянуть картинку до конца экрана в Bootstrap

   Добрый вечер, подскажите пожалуйста как реализовать такую структуру(как на картинке) Скрытый текст при помощи bootstrap. Есть container и есть row, в них два col-lg-6, как сделать чтобы картинка растягивалась на всю ширину до конца экрана? если ее просто поместить в col-lg-6 то она и займет пространство этого блока а надо чтобы было до конца экрана по ширине, и также со второй картинкой , чтобы она начиналась с начала экрана. Есть код и вот что из этого вышло(на другой картнке) Скрытый текст <div class="news-wrap"> <div class="container"> <div class="row "> &…

   Asked by EvilNeighbor, January 18, 2018

   0 votes
   6 answers
2. Как сделать правильно навигацию

   Есть такая навигация по сайту http://take.ms/DOWKs Не могу приложить ума как ее правильно сделать и чтоб она еще была адаптивной. Визуально я вижу навигацию в три колонки, которая в мобиле будет в одну колонку, но в первых трех колонках подраздели выровнены по одной линии (красные линии на скрине). А как добиться этого при обычных трех колонка, я не могу понять, ибо они все будут подниматься к верху и вся сетка собьется. Была мысль все тайтлы навигации и подразделы делать колонками, но в мобиле собьется логический порядок, а потом всех расставлять order-ом. Вариант конечно не очень, ибо если пропадет тайтл или появится новый блок ссылок, то все ордеры собьютс…

   Asked by vladmih, January 18, 2018

   0 votes
   5 answers
3. Создание коммерческого сайта

   Здравствуйте! Подскажите пожалуйста, у меня есть не коммерческий сайт www.kstu.kz/ как его можно сделать коммерческим? P.S. да я нуб

   Asked by Botsai, January 18, 2018

   0 votes
   1 answer
4. Проблема со шрифтом в div блоке с тегом <p>

   <div class="center-menu"> <div class="center-bar-one"> <h1> Новости </h1> <p>Сегодня 21 января было совершено нападение на одного из наших брокеров, прямо у дверей московской фондовой биржи. Нападающий выскочивший из за угла был одет в черный костюм с красным галстуком и в маске напала на олега олежина после чего скрылся и его след простыл. Олежин был немедленно госпитолизирован, мвд по московской области ведет расследование.</p> </div> </div> Вот хтмл код этого элемента .center-bar-one { float: left; width: 150px; height: 200px; font-size: 11px; color: blue; } Когда я прописываю разм…

   Asked by мурамаса, January 17, 2018

   • div
   • htl
   • html
   • css
   • font
   • font-size
   • help
   • developer
   0 votes
   1 answer
5. Как найти автора шрифта

   Подскажите как найти автора шрифта - на сайте https://www.myfonts.com есть имя автора но контактов нет, и как купить шрифт у автора?

   Asked by Anastasiya, January 17, 2018

   • шрифт
   • купить шрифт
   • автор шрифта
   0 votes
   0 answers
6. через что размещать элементы на странице

   через что лучше размещать элементы, через position, margin, еще как-то ?приведите примеры, или скиньте ссылки где описывается без особых наворотов

   Asked by rpmcmerphy, January 17, 2018

   0 votes
   2 answers
7. капризы Flex-basis

   Подскажите, почму на главной https://www.euromedika.ru/ статьи по три в ряд, а например, тут: https://www.euromedika.ru/body по две при flex-basis:30% в обоих случаях

   Asked by d0ublezer0, January 16, 2018

   0 votes
   1 answer
8. Навигация со скролом для мобильной версии сайта

   Здравствуйте! Подскажите, пожалуйста, как реализовать такую навигацию для мобильной версии (гамбургер делать не хочется): Заранее благодарен за помощь!

   Asked by volshebnyi, January 15, 2018

   0 votes
   13 answers
9. Помогите с верстой фиксированного меню

   Друзья помогите сделать фиксированное меню как тут (там где скриншоты, сравнения и т.п.) Тоесть меню изначально закреплено допустим где то в центре экрана, выбирая нужный якорь оно перемешается в top и опускает к нужному разделу, листая обратно вверх, оно бы вставало на старое место. У меня просто что то тупка.

   Asked by papay, January 12, 2018

   0 votes
   1 answer
10. Проблема с отображением select в форме поиска

    Доброго времени суток уважаемые форумчане. Возникла проблема с отображением элемента в форме поиска.(именно в хроме) При заходе на сайт форма работает корректно, при выполнении поиска результат показывается на другой странице сайта. Если перейти на пред идущую страницу (с помощью стрелок в браузере), то один из select-ов пропадает. В firefox такой проблемы нету. ( при переходе через меню такой проблемы нету) ссылка на сайт, проблема с "населенным пунктом". Прошу помощи, не понимаю чего не хватает.

    Asked by Igorewa, January 10, 2018

    0 votes
    2 answers
11. Разместить в одну колонку

    Привет, у меня есть свёрстанный блок, но элементы(круги) не стоят друг под другом, как это исправить? <section id="about"> <div class="container"> <div class="title"> <h2> About Us </h2> <p> Lorem ipsum dolor sit amet, consectetur. </p> </div> <div class="timeline-holder"> <div class="box"> <div class="left"> <h3>July 2018 <span>Our humble beginnings</span></h3> …

    Asked by marc, January 10, 2018

    • html
    • css
    • колонка
    0 votes
    1 answer
12. Почему некорректно отображаются иконки

    Решил анимировать иконки, нашел пример в интернете, скопировал в Safari Версия 11.0.2 (13604.4.7.1.3), в мобильных Safari и Chrome все отображается отлично но почему-то иконки неправильно отображаются в Chrome Mac (Версия 63.0.3239.132 (Официальная сборка), (64 бит), Chrmoe Windows и Edge - на переднем плане анимированный градиент, а на заднем иконка пример кода пример того как должна выглядеть анимированная иконка во вложении Screen Capture 2018-01-10 06.49.14.mov

    Asked by Ospna, January 10, 2018

    • html
    • css
    • svg
    • верстка
    • кроссбраузерность
    1 vote
    0 answers
13. Как сделать растяжимый фон треугольник без картинок

    Здравствуйте! Увидела в интернете множество рецептов как сделать элемент с нулевой шириной и высотой и широкими прозрачными границами, чтобы получился треугольник, например здесь https://css-tricks.com/examples/ShapesOfCSS/ Проблема в том, что такой треугольник не растягивается. Границе нельзя задать значение в процентах от ширины родителя. Мне же нужно, чтобы Triangle Top Left тянулся как фоновый рисунок треугольника, только без рисунка, средствами css. Как это сделать?

    Asked by hike, January 9, 2018

    0 votes
    11 answers
14. Slick slider нужна помощь?

    Ребят, есть вот такой вертикальный слайдер сделанный на Slick. Проблема в том, что высота нашей пагинации ограничена. Например у нас сейчас есть пять слайдов, в пагинацию помещается только 4. То-есть если мы пролистываем до пятого слайда, в пагинации это не отображается, она остается на месте. Можно как-то сделать, чтобы когда мы переключали слайдер на пятый слайд, пагинация тоже делал слайд и переключалась.

    Asked by sorrow43, January 9, 2018

    1 vote
    2 answers
15. Кто работает с Shopify?

    Доброго времени всем. Пожалуйста, откликнитесь, кто работает с платформой Shopify? Очень много вопросов, очень мало ответов... Работаю с уже созданным интернет магазином. Информации по ней мало даже на английском языке. Мне нужно знать как найти элемент CSS кода для правки, и как создать POP UP окно для не главной страницы? Если кто то сможет помочь пожалуйста. Спасибо

    Asked by Ollolo, January 8, 2018

    0 votes
    0 answers
16. Counter для slick-slider

    Ребят, может кто-то делал, что-нибудь подобное. Нужен счетчик для slick-slider как на фото ниже. Получается например у нас идет 120 слайдов, нужно чтобы он показывал сколько всего слайдов в блоке, и на каком мы сейчас находимся. На фото в нижнем левом углу видно. Буду благодарен за подсказку

    Asked by brezze, January 7, 2018

    0 votes
    3 answers
17. Картинка внутри фона

    В коде не получается целиком вместить изображение внутри фона, чтобы оно не вылазило за границы допустимого, помогите пожалуйста, вот сам код <span style="-moz-border-radius: 10px; -webkit-border-radius: 8px; width: 180px; background-color:#4682B4; border:5px ridge #cccccc"> [[File:Edhelmir.png|24px]] [[File:Earendil2.png|200px|link=User:Shtormhold]] [[File:Edhelmir.png|24px]]</span>

    Asked by shtormhold, January 7, 2018

    • css
    0 votes
    2 answers
18. Подскажите, что тормозит на странице?

    Добрый день всем! С праздником Рождества Христова! Всем здоровья и счастья! Подскажите, не могу понять, что тормозит появлению картинок на странице КУПИТЬ, а также карусель на главной странице?? Спасибо!

    Asked by Vic-Tor, January 7, 2018

    • медленно работает
    • тормозит
    • карусель
    0 votes
    5 answers
19. Подскажите по свойствам шрифта

    Подскажите какие свойства нужно выставить что бы расположение текста было пиксель в пиксель. С помощью letter-spacing подогнать не удаестся, font-stretch для этого шрифта не работает, хотя при использовании PerfectPixel видно что буквы в надписи "Fishnet Chair" уже чем показывает браузер. Если в меню еще удалось почти до пискеля подогнать с помощью margin, letter-spacing и text-stroke, то что делать с "Fishnet Chair" ума не приложу... Какими свойствами еще можно воспользоваться чтобы выглядело так как на макете? Не подгонять же с помощью позиционирования в самом деле. Макет по ссылке https://drive.google.com/file/d/1D8rNpa5YPo0ukPTT1RAikhvjES35k5E0/view?usp=sharing

    Asked by AlexZaw, January 7, 2018

    0 votes
    0 answers
20. Не работают Медиза запросы с Grid layot. Помогите понять проблему.

    Приветствую друзья не могу понять почему не работает адаптивка. Осваиваю адаптивную верстку на основе Grid . По задумке у меня несколько колонок которые при сжатии экрана менее чем 500 пикс., должны стать в две колонки. Не могу понять в чем подвох. Вроде бы пример элементарный. Может какая синтаксическая ошибка. Буду оч признателен если подскажете.

    Asked by Rusik177, January 6, 2018

    • grid
    • медиа-запросы
    0 votes
    0 answers
21. почему рамка сплюснулась

    .border { border: 3px dashed orange; } <a href = "images/eye.jpg" class = "border"> <img src = "images/eye.jpg" width = "200" /> </a> а если убрать из ссылки, то норм.

    Asked by ya novenkiy, January 6, 2018

    • img
    • border
    0 votes
    1 answer
22. Поделиться в соц. сети

    Здравствуйте. У меня такая проблема, хочу сделать кнопку поделиться в соц. сети на этом сайте http://www.plusnol.ru/ при нажатии на которую отправлялся текст только тот который находится в блоке. Код я прописываю такой: <li style="display: block; border: 1px solid #000; padding:5px; border-radius:3px; margin-bottom: 10px;">Здесь текст который надо отправить<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="//yastatic.net/share2/share.js"></script> <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,twitter,viber,whatsapp,telegram" data-size="s"></div></li&g…

    Asked by nikoliasa333, January 5, 2018

    0 votes
    0 answers
23. Внезапный отступ

    Доброго времени суток,знакомлюсь с вёсткой и решил сверстать страницу практики ради Всё шло по плану,пока не появился отступ справа.Никак не могу понять,откуда он возник... Помогите пжст Icanchoose.css Icanchoose.html

    Asked by Михаил56, January 5, 2018

    0 votes
    0 answers
24. Совет. Как выстроить блоки для закругления углов.

    Добрый день! Имею вот такой код: https://jsfiddle.net/f3scmbr0/ Загвоздка вся в том, что мне нужно закруглить углы у блока wrapp так, чтобы блок с изображением оставался в таком положении, в каком он сейчас находится. Подскажите где промахнулся при построении дерева. Пока я вижу вариант закруглять определенные углы у .hello__container и .hello__btn. Но это крайне тупо, как мне кажется... А по другому чет не вижу как это реализовать при таком построении блоков. Нуждаюсь в совете как правильно выстроить вложенность. Потому что, повторюсь, явно напартачил с этим делом, но не вижу решения... И, по ходу написания, нашел еще один вопрос, на который хотел бы найти ответ: сам…

    Asked by Super_Saimon, January 5, 2018

    • html
    • css
    0 votes
    4 answers
25. масштабирование изображения в блоке

    Добрый день!С наступившим и наступающими!))) Нуждаюсь в ответе на такой размытый, может быть, вопрос: как отмасштабировать изображение по размеру родительсокго блока? К примеру: есть картинка 300Х300, а блок всего 140Х140. Задав ширину и высоту блоку 140Х140, а ищображению display: block, max -width, -height: 100%, у меня изображение просто обрезается, а не масштабируется. Хотя, в примере, который сейчас разбираю как раз именно эффект уменьшения масштаба происходит-картинка вся влазит в родительский блок и уменьшает изображение.

    Asked by Super_Saimon, January 5, 2018

    • css
    0 votes
    5 answers