HTML Coding

29,542 questions in this forum

1. Поведение вертикального меню оформленного через списки

   Доброго времени! Я не так давно начал осваивать css и html в качестве хобби.И один момент меня озадачил, с чем прошу и помочь разобраться. Суть - вот есть меню, с подменю, которое динамически появляется при наведении на пункт меню. Оформленно тегами <ul><li></li></ul>. Вот ссылка на код: https://jsfiddle.net/ftgvod1t/ Наводим мышь на пункт "уровень1" и появляется подменю содержащее "уровни2". При этом контейнер <ul> растягивается по высоте (зеленый border). Но стоит в этом же примере задать высоту (width) для пункта меню верхнего уровня "уровень1" (да собственно всем <li> можно высоту задать) - то поведение…

   Asked by Gilgamesh, March 22, 2017

   0 votes
   0 answers
2. Как реализовать данный эффект

   Подскажите, с помощью какого плагина реализовать такой эффект выдвижения?

   Asked by black_c, March 22, 2017

   • верстка
   0 votes
   0 answers
3. Необычное горизонтальное меню

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

   Asked by Proxt, March 21, 2017

   • адаптивное горизонтальное меню
   • html и css
   0 votes
   2 answers
4. bootstrap Переключение слайдов BOOTSTRAP Carousel по клике по тексту

   Здравствуйте дамы и господа!) У меня к Вам такой вопрос, как можно правильно реализовать следующее: Мне нужно, чтобы при клике на строку/слово в тексте, галерея BOOTSTRAP Galerey переключалась на требуемый слайд и у слова, связанного с активным слайдов появлялось выделение в виде смены цвета текста, и подчеркиванием. Так же мне нужно, чтобы это работало и было связано с автоматической сменой слайдов. Т.е. слайды к примеру менялись бы каждые секунд 5-ть, при этом слова в тексте автоматически бы выделялись в зависимости от активного слайда. К примеру текст такой: И такая галерея: <div class="col-xs-12 col-sm-12 col-lg-offset-1 col-lg-4 car…

   Asked by UnWind, March 21, 2017

   • carousel
   • actions
   • java script
   • jquery
   0 votes
   2 answers
5. Выравнивание input

   Всем привет! Сейчас делаю разметку блока для мобильной версии и не могу выровнять (растянуть) инпут как на макете. Код блока такой https://codepen.io/Schamil74/pen/GWQLbQ Отрывоке макета приложил. Здесь нужен вариант выравнивания инпутов, типо margin-right: 0. А вот как их растянуть до текста не догоняю))))

   Asked by Schamil74, March 21, 2017

   • input width
   0 votes
   4 answers
6. scss Как организовать коллективную вёрстку?

   Привет форумчане! Раньше работал один и бед не знал в этом плане, но теперь попал в небольшую фирму, где каждый работает сам по себе, нет единого рабочего процесса. Я привык работать через Prepros, он многофункционален и требует минимальных знаний в "компиляторстве". Так вот, я хотел бы продолжить работать с препроцессором вместо чистого CSS, но проблема в том, что стили проекта могут также править и другие мои коллеги, и если они через какой нибудь фтп клиент внесут изменения в файл со стилями на сервере, то я потом не смогу с ним дальше работать, т.к. затру все их изменения. Можно ли как-то выйти из этой ситуации? Как вариант, можно мониторить изменения в…

   Asked by borkafight, March 21, 2017

   • sass
   • вёрстка
   0 votes
   4 answers
7. На айфонах проваливается меню

   Сайт При нажатии на "бутерброд" (меню) - на андроидах все ОК, а вот на 6 и 7 айфоне смотрели - говорят, что меню перекрывается баннером/контентом. В чем дело?

   Asked by nikki4, March 21, 2017

   0 votes
   1 answer
8. Как сверстать такой блок?

   Подскажите, как сверстать такой блок с использованием Bootstrap?

   Asked by black_c, March 21, 2017

   • верстка
   • bootstrap
   0 votes
   2 answers
9. трудно устроиться верстальщиком работать на дому со свободным графиком?

   Я просто изучаю html, css, java script, чтоб начать карьеру в интернете с должности верстальщика. А ответ на вопрос насколько реально найти работу, так и не выяснил

   Asked by jentlmen, July 7, 2012

   0 votes
   20 answers
10. Создания сайтов одностраничников

    У меня у мамы есть парикмахерская, а также она занимается созданием игрушек. Хочу сделать 2 одностраничных сайта на которые можно будет заходить. — Вопросы: 1) Нужно ли мне покупать хостинг и если нужно то какой брать чтобы забросить туда 2 одностраничника (совсем не знаком с выплевыванием сайтов во всемирную сеть) 2) Или лучше кинуть на бесплатных хостинг (щас пользуюсь bitballoon), но мне бы хотелось дальше развиваться в сайтостроении. Да и хостинги вроде ~1000 рублей в год. 3) Подскажите места с psd макетами которые можно использовать и не получить предъяв за авторские права. заранее спасибо — Простите если создал тему не там.

    Asked by xxxmaximal1, March 18, 2017

    • сайтостроение
    0 votes
    4 answers
11. Не работает вертикальный скрол на странице

    Ув. форумчане! Искренне надеюсь на вашу помощь в решении не самой сложной проблемы. На некоторых мобильных устройствах не работает вертикальный скрол странички. На пк все работает (если уменьшить ширину браузера), не работает именно на мобильных устройствах. Самостоятельно решить проблему не удалось, гугл не помог. Ссылка https://test.5shoes.com.ua/3/index.html Если у вас помещается вся страница на экране, то нажмите *контакты* там точно ничего не будет работать =) Заранее спасибо за помощь! Всем добра.

    Asked by 7armani7, March 18, 2017

    0 votes
    1 answer
12. Максимальная ширина страницы в CSS

    Уважаемые форумчане, просьба помочь новичку разобраться в CSS. Создал сайт в конструкторе для чайников MOBIRISE. Все устраивает, кроме пары моментов. Сайт растягивается под разные разрешения экрана. Некоторые блоки имеют максимально допустимую ширину, а некоторые – нет, и растягиваются слишком сильно на Full HD и 4к мониторах. Особенно интересует, блок с 4-мя картинками и 4-мя кнопками под ними. Ссылки из html идут на несколько файлов css. Разобраться, где именно надо прописать максимально допустимую ширину данных блоков, мне, как новичку в данном вопросе, очень тяжело. Если укажите – где именно и как надо задавать этот параметр, буду очень благодарен! Сайт (одностраничка…

    Asked by slava853, March 17, 2017

    0 votes
    1 answer
13. Создание слайдера.

    Здравствуйте. Делаю свой простенький сайт, заполнил его нужным текстом, но вот проблема: я не знаю JavaSCript, который, наверное, нужен для создания слайдера. Есть ли сатья по созданию слайдера (горизонтального) и по обучению JavaScript?

    Asked by ErUnDAK, February 10, 2017

    • javascript
    • css
    • html
    0 votes
    5 answers
14. конвертер из html в pdf

    посоветуйте пожалуйста конвертер из html в pdf. бесплатные онлайн-сервисы очень плохо конвертируют. а платные оставляют водяные знаки

    Asked by cyklop77, March 17, 2017

    • pdf
    • converter
    0 votes
    0 answers
15. Смена шрифта

    Доброго времени суток. Прошу подсказать как мне изменить шрифт текста. HTML <div class="partner-adblock-h">ТУТ ВАШ ТЕКСТ ДЛЯ РЕКЛАМКИ НА СRIME-NOAS.</div> CSS .partner-adblock-h { position: absolute; top: 9px; left: 20px; z-index: -1; font-size: 13px; } p.s: Изучать начал недавно. Установил себе на сайт ( ucoz движок ) шаблон и изучаю помаленьку. Захотелось мне заменить текст в рамке ( который на скриншоте ). Посмотрел как это сделать. Вписал в CSS стилях в .partner-adblock-h строку font: стиль; . Не помогло. Понимаю для вас это легко. Подскажите если не сложно как мне поступить. Я уже 3 часа сижу , голова кипит )

    Asked by elias45, March 16, 2017

    0 votes
    13 answers
16. Адаптив

    Как лучше делать адаптивную верстку? Выбор того или иного решения зависит только от меня и макета? Какие сейчас тренды, т.к довольно много смотрел, читал и очень часто себя ловил на мысли что видел устаревший приём (тот же самый вопрос 1) Я знаю что есть много вариантов: медиа-теги, флексбоксы, бутстрап (могу ошибаться)

    Asked by xxxmaximal1, March 17, 2017

    • адаптив
    0 votes
    1 answer
17. NaN не ровно NAN ?

    Смотрите: var n=prompt(); // Если ввести строку n=+n; alert(n); // И вывести непосредственно alert(n); То выводит NaN Но если проверить n==NaN будет false

    Asked by aqua.77, March 16, 2017

    0 votes
    4 answers
18. TABLE кроссбраузерно выходит за правую границу DIV

    HTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Список клиентов</title> <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" /> <link href="/i/css.css" rel="stylesheet" /> <script src="/i/js.js" language="JavaScript" type="text/javascript"></script> <meta http-equiv="Keywords" content="" /> <meta http-equiv="Description" content="" /> <link rel="icon" href="/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /…

    Asked by jg_shift, June 3, 2011

    0 votes
    5 answers
19. Сделать респонсив табличку с summary

    Всем привет, Есть небольшая респонсив табличка Spoiler <div id="div_order_details_html"><div class="table-responsive dialog_table"> <table class="table table-bordered table-hover table-striped"> <thead> <tr> <th>Product</th> <th>Sold</th> <th>Price</th> <th>Total</th> </tr> </thead> <tbody> <tr> <td> <a href="http://local-wprods.com/admin/product/edit/5" class="a_link" target="_blank"> Woo Ninja, </a> <a href="http://local-wprods.com…

    Asked by mstdmstd, March 16, 2017

    0 votes
    0 answers
20. странное поведение padding

    Html код <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Axit</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="bg_h"> <header> <a href="index.html" > <img src="img/logo.png"></a> <ul class="sidebar_head"> <li><a href="">Features</a></li> <li><a href="">About</a></li> <li><a href="">Pricing</a></li> <li><a href=""&g…

    Asked by Toxa404, March 11, 2017

    • padding
    0 votes
    1 answer
21. Как выстроить картинки с текстом в строчку при любом разрешении?

    Здравствуйте. Подскажите пожалуйста кто знает, как с помощью css реализовать следующее. У меня на сайте в шапке сделана такая конструкция: 1-я картинка, а справа от нее в столбик 3 слова. 2-я картинка, а справа от нее в столбик 3 слова. 3-я картинка, а справа от нее в столбик 3 слова. Все эти 3 картинки со словами выстроены в строчку, т.е. если разрешение экрана позволяет, то они располагаются на одном уровне. Если разрешение экрана меньше (например, на смартфоне), то слова в столбике могут располагаться ниже картинки, а не справа от нее. Хотя места справа вроде бы достаточно. Получается не очень красиво. Код HTML: <div id="header_image">…

    Asked by Webast, March 11, 2017

    0 votes
    1 answer
22. Растянуть блок за пределы родителя в одну сторону

    https://jsfiddle.net/digitalmedia/1ag23rdb/ Необходимо растянуть блок .map до правого края браузера. Есть ли какое то решение для этого?

    Asked by vip, March 14, 2017

    0 votes
    5 answers
23. Создания li под строкой с нажатым элементом.

    Блок создан с помощью li, где li стоят в одну линию по всему размеру ul, сколько в 1-ой строке элементов li, я не знаю так как при изменении разрешения их количество может меняться. Мне нужно что бы при нажатии на li, под ней появлялся блок информацией об этой li, те для li#one открывается к примеру <li><div data-id = "one" ></div></li>. Вот то что у меня получилось : https://jsfiddle.net/4101nn7L/

    Asked by Konstantin99, March 16, 2017

    0 votes
    0 answers
24. Как вставить iptv в тег “video” из HTML5 ?

    Есть источник сигнала iptv : http://95.188.88.178:1234/udp/225.54.223.71:5000 Вставляю этот источник в “VLC media player” или “Windows Media Player” всё хорошо работает. Вставляю этот источник в тег “video” из HTML5, плеер пишет ошибку “ИСТОЧНИК НЕ НАЙДЕН” : <video width="320" height="240" src="http://95.188.88.178:1234/udp/225.54.223.71:5000" type="video/mp4" autoplay="true" controls="true"> </video> Как сделать так чтобы источник сигнала от iptv отображал тег “video” из HTML5 ? или На что нужно заменить цифры “95.188.88.178:1234” в адресе источника, чтобы компьютер поль…

    Asked by neslem, March 15, 2017

    • video html5
    0 votes
    0 answers
25. Ширина элементов li

    Добрый день! Имею такой список на этой странице http://teplogid18.ru/uslugi/montazh-otopleniya. Как мне сделать чтобы фон элементов li был не на всю ширину страницы а лишь до конца строчки текста?

    Asked by smirn0ff, March 15, 2017

    0 votes
    2 answers