HTML Coding

29542 questions in this forum

1. адаптивные по высоте блоки

   Нужно на странице сделать адаптивные по высоте блоки с текстовым наполнением, чтобы работало наподобие картинок: img{max-width:100%;height:auto;}

   Asked by vip, January 1, 2015

   0 votes
   7 answers
2. Коварность navbar от bootstrap 3

   Здравствуйте. Возникла забавная ситуация с превращением сайта в адаптивный. Чтобы добиться свертывания категорий на узком экране я превратил их в компонент navbar. На узком экране(уже 768 пикс) они прячутся под словом "Категории +" Навбар заработал, но сама ссылка, по которой кликают, чтобы увидеть подкатегории, оказалась некликабельна и стала выполнять роль только кнопки, развертывающей список подкатегорий. Как сделать расскрывающийся список категорий товаров на бутстрапе 3 так, чтобы и категории прятались, и категория их раскрывающая оставалась кликабельна? Вариант показывать все категории и подкатегории сразу раскрытыми не предлагать Наверно надо треугольные стр…

   Asked by borus, May 26, 2015

   0 votes
   3 answers
3. Проблемы при самообучении по php (книга Р.Никсона)

   Добрый день. Возникли проблимы во время практики при самообучении по книге Робина Никсона - Создаем динамические веб-сайты с помощью PHP, MySQL, JavaScript, CSS и HTML5. 3-е изд - 2015. На странице 173 (Изучение PHP > создание файла) требуется ввести код для создания файла и проверить в браузере результат. Ввожу следующий код в sublime text: <?php $fh = fopen("testfile.txt", 'w') or die("Создать файл не удалось"); $text = <<<_END Строка 1 Строка 2 Строка 3 _END; fwrite($fh, $text) or die("Сбой записи файла"); fclose($fh); echo "Файл 'testfile.txt' записан успешно"; Затем сохраняю файл под именем testfile.txt и testfile.php, открываю в браузере, но ничего…

   Asked by sundeath, July 13, 2015

   • php
   • веб
   0 votes
   4 answers
4. Автопрокрутка в карусели работает неправильно

   Здравствуйте! Подскажите, пожалуйста, в чём проблема Есть блок, который изначально скрыт, в него вложена карусель, для которой задана автопрокрутка. Но автопрокрутка начинает работать только если сначала нажать на стрелочку. Дело именно в том, что блок скрыт? Как это можно исправить? Вот ссылка на страницу: http://develop.artedivina.ru/NEW/korzina-new.html

   Asked by Алёна Стрелкова, August 11, 2015

   • js
   • jquery
   • jcarousel
   0 votes
   2 answers
5. Высота блока в зависимости от содержимого

   Всем привет! Делаю сайт: учеба.top В данный момент верстаю страницу http://www.учеба.top/anketa.html Народ, как мне сделать высоту серого блока ( class="anketa" ) по содержимому, т.е. если много полей, то у class="anketa" свойство height увеличивается. Если полей мало, то height наоборот уменьшается. Пробовал делать и height:auto и вообще у класса .anketa height убирал - не помогает, когда текстовых полей много, они съезжают вниз, и всё становится некрасиво. Народ, подскажите, как быть?

   Asked by fenix_63, June 16, 2016

   • html
   • div
   0 votes
   1 answer
6. Как запустить html код файла внутри другого файла html?

   Как запустить html код файла внутри другого файла html? Использую конструкцию вида <link rel="import" href="/podpiska.html"> Код подписной формы находится в файле podpiska.html А в нужном месте кода index.html вызываю форму подписку вот этой командой: <link rel="import" href="/podpiska.html"> Но почему то не работает. Поправьте меня пожалуйста.

   Asked by Марат, August 6, 2018

   0 votes
   0 answers
7. Центрирование при разном размере изображений

   Здравствуйте уважаемы знатоки. Заканчиваю верстку галереи, но возникла пара неприятных моментов. Первый. Это проблема вертикального позиционирования "плюса" на оверлее элемента галереи. На контейнере с плюсом у меня простые правила: position: absolute; top: 42%; left: 41%; , на скрине видно, что на верхнем элементе все выглядит как нужно, но у нижнего плюс расположен вертикально не по центру. У остальных элементов галереи такая же ситуация. Конечно есть вариант создать для каждого размера изображения свой класс, и прописать там индивидуальные координаты, но для начала решил спросить у ведующих. Какой универсальный вариант решения данной задачи…

   Asked by Константин(Mushr00m), March 27, 2019

   • html
   • css
   0 votes
   2 answers
8. Помогите с чат-ботом

   Помогите, делаю чат-бота по этому уроку и коду https://fokit.ru/kak-sozdat-chat-bota-besplatno/ Есть 6 веток вопросов. Я всё удобно подписал <!--Вопрос 1-->,<!--Вопрос 2-->.... У меня бот прогоняет все вопросы какие есть. Как сделать, чтобы после каждой ветки вопросов бот прекращал задавать вопросы? и еще, как сделать, чтобы бот выдавал вариант ответа, при нажатии на который, перекидывало на определенную страницу сайта? index-22.html

   Asked by ashelpakov95, November 15, 2019

   • html
   • java
   • bot
   • чат-бот
   • html+java
   0 votes
   0 answers
9. Курсоры (webkit)

   Помогите найти курсоры -webkit-zoom-in(out) в форматах .cur .ani. Заранее спасибо. PS поиск запарился уже штудировать ))

   Asked by ELNINO, June 16, 2009

   0 votes
   1 answer
10. Поворот страницы перед отправкой на принтер

    Добрый день, делаю так: <style media=print> div{ position:absolute; /*обязательно*/ FILTER: progid:DXImageTransform.Microsoft.BasicImage(Rotation=1,Mirror=0,Invert=0,XRay=0 ,Grayscale=0,Opacity=1.00); } </style> В IE работает, но предварительно спрашивает разрешить ли запуск активного содержимого.. Есть ли возможность повернуть страницу по другому либо избежать этого вопроса на клиентских машинах?

    Asked by h7h2vc, July 28, 2009

    0 votes
    1 answer
11. Растянуть div

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

    Asked by zerg, October 5, 2009

    0 votes
    2 answers
12. Шрифт

    Подскажите как лучше всего вставить на сайт нестандартный шрифт... Я понимаю, что тема не новая, но ничего нормального не нашёл

    Asked by Glebr, January 29, 2010

    0 votes
    3 answers
13. Опера vs Firefox

    Недавно занялся вёрсткой, поэтому сильно не бить Знакомый подкинул макет, я его сверстал, но присутствуют некоторые косяки, которые хотелось бы исправить. http://mainlog.ru/wordpress/ 1) В reset.css обнуляется margin и padding. Но в форме поиска текст в ff и опере выравнивается по разному. Поскольку отступы сброшены, то непонятно откуда берётся выравнивание по центру формы в опере, в стилях я пока задал только отступ слева padding: 0px 0 0 8px; 2) И имеются проблемы с IE6: - форма поиска уходит вниз - навигация в низу страницы показывается не во всю высоту (верх как будто "срезается") - рамка с левой стороны колонок сайдбара не растягивается до футера Буду очень благ…

    Asked by Virtual, February 13, 2010

    0 votes
    3 answers
14. карта города

    Прошу совета ! Задача такая есть карта города, нужно сделать выделение района при наведнии и при нажатии переход на ссылку вида site.ru/flats/all/side/ название района города. как лучше реализовать ??? просто если бы формы картинок были прямоугльные сделал бы дивами и менял бекгроунд а так не могу придумать как седлать . Заранее спасибо

    Asked by to0n1, April 5, 2011

    0 votes
    4 answers
15. Remote Linking

    Здравствуйте! Нашёл вот тут интересный CSS-приёмчик. Автор называет его remote linking. Заключается он в том, что при наведении курсора на один объект, hover срабатывает не только у этого объекта, но и у какого-нибудь другого, и наоборот. Попытался приспособить эту штуку под свой сайт на Wordpress - ничего не вышло, не смог разобраться в CSS. Поиск решения на форуме и в Гугле результатов не принёс. Прошу подтолкнуть в правильном направлении. Имеется страница, на ней два объекта - заголовок и рамка вокруг текста. При наведении курсора на заголовок, плавно меняется цвет его фона. При наведении курсора в область с текстом, плавно меняется цвет рамки. Хочется чтобы при нав…

    Asked by Vorpall, July 8, 2011

    0 votes
    6 answers
16. Проблема с паддингом в инпуте

    Следующая проблемка возникла в пятом фоксе. Задаю инпуту ширину и паддинги в процентах. Везде всё нормально, а там padding-left и padding-right работать отказываются. Чего я только не пробовал, всё тщетно. Помогите, пожалуйста, решить эту проблемка. Собственно ссылка: http://divstudio.ru/portfolio/domaintest/ Ну и скриншот уж тогда, чтобы не мелочиться:

    Asked by Shugich, August 8, 2011

    0 votes
    10 answers
17. Как отцентровать блоки?

    Проблема в том, что бы отцентровать последнее изображение, но и каждый ряд так же. Так как под изображением должна быть ссылка, то изображение со ссылкой приходится помещать в div. Изображения могут быть различной ширины, и помещаться в ряд столько, сколько влезет, остальные переносятся на следующую строку. Это делается просто через float: left; Но дело в том, что в каждой строке, изображения(блоки) должны быть отцентрованы, а как вы знаете, если задано float, то text-align:center уже не прокатит Собственно вопрос: Как отцентровать блоки в каждом ряде не странице? Код не обязательно, достаточно доступно изложить идею реализации. Заранее благодарен!

    Asked by Single074, January 9, 2012

    0 votes
    2 answers
18. Загадочный DOCTYPE

    Тренировался в вёрстке, наткнулся на интересную проблему. Делал шапку сайта с непрописанным DOCTYPE в браузере опера и всё было хорошо, но как только решил проверить с других браузеров, куда-то пропала часть элементов. Как только я прописал на страничке <!DOCTYPE html> в опере тоже пропало как у остальных. В чём может быть проблема? Как DOCTYPE может убрать элементы? Собственно вот как выглядит страница без прописанного доктайпа И с ним Собственно сайт blackspot.ucoz.ru Код шапки <header><div class="header"> <a href="http://blackspot.ucoz.ru/"><img src="/template/img/blackspot.png" alt="BlackSpotStudios" class="logo" /></a> <div…

    Asked by Ge1i0N, January 9, 2012

    0 votes
    4 answers
19. Абсолютное позиционирование и отступ снизу страницы.

    Поискал я в интернетах и ничего толкового не нашёл, поэтому решил спросить здесь. Есть страница, 3 колонки с position:absolute, надо сделать отступ снизу (после самой длинной, это может быть любая из них, не только центральная). На margin реагируют только такие же абсолютно-позиционированные объекты. Если вставлять мои колонки в какой-то блок, он не воспринимает абсолютно-позиционированные объекты как твёрдые объекты (игнорирует их высоту). Вроде как-то решал, но не могу найти (а может и не решал). Пробовал менять на relative - всё едет. Необходимо именно абсолютное позиционирование. CSS: HTML:

    Asked by Necronomicron, February 4, 2012

    0 votes
    5 answers
20. Как селектором адресовать пустой необязательный для заполнения input или textarea?

    Приятного дня. Собственно сабж. Как селектором адресовать пустой необязательный для заполнения input или textarea? Мне нужно что бы представление пустых input и textarea отличалось от тех, в которые пользователь ввел текст и реализовать это хочется pure css. Есть идеи? [value=""] к сожалению не работает. Еще не разобрался почему. :invalid требует required

    Asked by SilentImp, July 20, 2012

    0 votes
    12 answers
21. Не влезает буква Й. Верхняя черточка идет вниз.

    Добрый день. Проблема: 1. В заголовке h2 не влезает у буквы "Й" верхняя черточка. 2. Все буквы тянутся вверх, смешно и не красиво выглядит буква "Ф" Посмотреть на сие убожество можно: http://iqfoto.ru/foto/studiya CSS код: http://iqfoto.ru/templates/jp-studio/css/template.css P.S. ФАК читал. Гугл спрашивал. Поиском пользовался по разному.

    Asked by Ranger-13, November 21, 2012

    0 votes
    6 answers
22. html картинка кодом

    Есть html страничка, в неё вставляем картинку - иконку. в браузере получаем отображение этой картинки (файла картинки). все типовое, никаких проблем. все работает. Как можно уйти от файла -картинки, вставить в html сам код картинки? ОСновная задача - избавиться от файлов - картинок, но в браузере получить отображение этих картинок? Интересует подсказка - куда копать, как задобрить гугла , чтоб выдал что-то в тему.....

    Asked by Aerrt85, January 9, 2013

    0 votes
    5 answers
23. Верстка адаптивного слайдера

    Всем привет. Сабж: хочу сверстать адаптивный слайдер. Для макета использую сетку от бутстрапа. Сначала задавал диву с классом slider-container ширину около 3000px, а Slider-holder'у overflow: hidden, в общем стандартная разметка для слайдера. Но поскольку слайдер должен быть адаптивным, то и ширина у него и у его дочерних элементов в процентах -> растягивались эти проценты на все 3000px. В итоге всё выглядело не так, как нужно. Решил сделать по-другому: <li> задал absolute, а ul.slider-container relative, чтобы показывать слайды с помощью изменения прозрачности. Но теперь <li> с absolute'ом "не видят" свой контент(пикча и текст) и чтобы увидеть слайды, нужн…

    Asked by SuperJerk, April 2, 2013

    0 votes
    2 answers
24. Адаптивные картинки в статьях страницы

    Почитав некоторые статьи ещё 2012 года про адаптивные картинки, сложилось понимание, что на тот момент не было ещё единого правила оформления. В настоящее время существуют сайты с адаптивными картинками в теле страницы, например сайт time. Собственно, что меня побудило написать этот пост: имеются картинки с разным разрешением и размером, все они отображаются по разному, если уменьшить окно броузера. Что можно сделать, чтобы картинки адаптировались под любое разрешение от 1024px до 1920px? При разрешении 1024х768 из-за картинки не адаптируется контент, остальное норм. А здесь картинка меняет свой размер не теряя качество отображения в пределах 1024 - 1920px. И снова карт…

    Asked by Delat, August 13, 2013

    0 votes
    3 answers
25. Blink-браузеры не правильно обрабатывают тень

    http://waa.ai/4w3T При масштабировании колесиком тень выставляется неверно - между тенью и объектом появляется белая полоса. Как это исправить?

    Asked by MyNameIsJim, September 13, 2014

    0 votes
    11 answers