HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
адаптивные по высоте блоки
Нужно на странице сделать адаптивные по высоте блоки с текстовым наполнением, чтобы работало наподобие картинок: img{max-width:100%;height:auto;}
0 votes7 answers -
Коварность navbar от bootstrap 3
Здравствуйте. Возникла забавная ситуация с превращением сайта в адаптивный. Чтобы добиться свертывания категорий на узком экране я превратил их в компонент navbar. На узком экране(уже 768 пикс) они прячутся под словом "Категории +" Навбар заработал, но сама ссылка, по которой кликают, чтобы увидеть подкатегории, оказалась некликабельна и стала выполнять роль только кнопки, развертывающей список подкатегорий. Как сделать расскрывающийся список категорий товаров на бутстрапе 3 так, чтобы и категории прятались, и категория их раскрывающая оставалась кликабельна? Вариант показывать все категории и подкатегории сразу раскрытыми не предлагать Наверно надо треугольные стр…
0 votes3 answers -
Проблемы при самообучении по 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, открываю в браузере, но ничего…
0 votes4 answers -
Автопрокрутка в карусели работает неправильно
Здравствуйте! Подскажите, пожалуйста, в чём проблема Есть блок, который изначально скрыт, в него вложена карусель, для которой задана автопрокрутка. Но автопрокрутка начинает работать только если сначала нажать на стрелочку. Дело именно в том, что блок скрыт? Как это можно исправить? Вот ссылка на страницу: http://develop.artedivina.ru/NEW/korzina-new.html
0 votes2 answers -
Высота блока в зависимости от содержимого
Всем привет! Делаю сайт: учеба.top В данный момент верстаю страницу http://www.учеба.top/anketa.html Народ, как мне сделать высоту серого блока ( class="anketa" ) по содержимому, т.е. если много полей, то у class="anketa" свойство height увеличивается. Если полей мало, то height наоборот уменьшается. Пробовал делать и height:auto и вообще у класса .anketa height убирал - не помогает, когда текстовых полей много, они съезжают вниз, и всё становится некрасиво. Народ, подскажите, как быть?
0 votes1 answer -
Как запустить html код файла внутри другого файла html?
Как запустить html код файла внутри другого файла html? Использую конструкцию вида <link rel="import" href="/podpiska.html"> Код подписной формы находится в файле podpiska.html А в нужном месте кода index.html вызываю форму подписку вот этой командой: <link rel="import" href="/podpiska.html"> Но почему то не работает. Поправьте меня пожалуйста.
0 votes0 answers -
Центрирование при разном размере изображений
Здравствуйте уважаемы знатоки. Заканчиваю верстку галереи, но возникла пара неприятных моментов. Первый. Это проблема вертикального позиционирования "плюса" на оверлее элемента галереи. На контейнере с плюсом у меня простые правила: position: absolute; top: 42%; left: 41%; , на скрине видно, что на верхнем элементе все выглядит как нужно, но у нижнего плюс расположен вертикально не по центру. У остальных элементов галереи такая же ситуация. Конечно есть вариант создать для каждого размера изображения свой класс, и прописать там индивидуальные координаты, но для начала решил спросить у ведующих. Какой универсальный вариант решения данной задачи…
0 votes2 answers -
Помогите с чат-ботом
Помогите, делаю чат-бота по этому уроку и коду https://fokit.ru/kak-sozdat-chat-bota-besplatno/ Есть 6 веток вопросов. Я всё удобно подписал <!--Вопрос 1-->,<!--Вопрос 2-->.... У меня бот прогоняет все вопросы какие есть. Как сделать, чтобы после каждой ветки вопросов бот прекращал задавать вопросы? и еще, как сделать, чтобы бот выдавал вариант ответа, при нажатии на который, перекидывало на определенную страницу сайта? index-22.html
0 votes0 answers -
Курсоры (webkit)
Помогите найти курсоры -webkit-zoom-in(out) в форматах .cur .ani. Заранее спасибо. PS поиск запарился уже штудировать ))
0 votes1 answer -
Поворот страницы перед отправкой на принтер
Добрый день, делаю так: <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 работает, но предварительно спрашивает разрешить ли запуск активного содержимого.. Есть ли возможность повернуть страницу по другому либо избежать этого вопроса на клиентских машинах?
0 votes1 answer -
Растянуть div
Вобщем такая проблемма div в шаблоне если нету контента получается не на всю высоту. когда с текстом когда без, или его не достаточно чтоб растянуть подскажите плиз как растянуть див по размеру браузера
0 votes2 answers -
Шрифт
Подскажите как лучше всего вставить на сайт нестандартный шрифт... Я понимаю, что тема не новая, но ничего нормального не нашёл
0 votes3 answers -
Опера vs Firefox
Недавно занялся вёрсткой, поэтому сильно не бить Знакомый подкинул макет, я его сверстал, но присутствуют некоторые косяки, которые хотелось бы исправить. http://mainlog.ru/wordpress/ 1) В reset.css обнуляется margin и padding. Но в форме поиска текст в ff и опере выравнивается по разному. Поскольку отступы сброшены, то непонятно откуда берётся выравнивание по центру формы в опере, в стилях я пока задал только отступ слева padding: 0px 0 0 8px; 2) И имеются проблемы с IE6: - форма поиска уходит вниз - навигация в низу страницы показывается не во всю высоту (верх как будто "срезается") - рамка с левой стороны колонок сайдбара не растягивается до футера Буду очень благ…
0 votes3 answers -
карта города
Прошу совета ! Задача такая есть карта города, нужно сделать выделение района при наведнии и при нажатии переход на ссылку вида site.ru/flats/all/side/ название района города. как лучше реализовать ??? просто если бы формы картинок были прямоугльные сделал бы дивами и менял бекгроунд а так не могу придумать как седлать . Заранее спасибо
0 votes4 answers -
Remote Linking
Здравствуйте! Нашёл вот тут интересный CSS-приёмчик. Автор называет его remote linking. Заключается он в том, что при наведении курсора на один объект, hover срабатывает не только у этого объекта, но и у какого-нибудь другого, и наоборот. Попытался приспособить эту штуку под свой сайт на Wordpress - ничего не вышло, не смог разобраться в CSS. Поиск решения на форуме и в Гугле результатов не принёс. Прошу подтолкнуть в правильном направлении. Имеется страница, на ней два объекта - заголовок и рамка вокруг текста. При наведении курсора на заголовок, плавно меняется цвет его фона. При наведении курсора в область с текстом, плавно меняется цвет рамки. Хочется чтобы при нав…
0 votes6 answers -
Проблема с паддингом в инпуте
Следующая проблемка возникла в пятом фоксе. Задаю инпуту ширину и паддинги в процентах. Везде всё нормально, а там padding-left и padding-right работать отказываются. Чего я только не пробовал, всё тщетно. Помогите, пожалуйста, решить эту проблемка. Собственно ссылка: http://divstudio.ru/portfolio/domaintest/ Ну и скриншот уж тогда, чтобы не мелочиться:
0 votes10 answers -
Как отцентровать блоки?
Проблема в том, что бы отцентровать последнее изображение, но и каждый ряд так же. Так как под изображением должна быть ссылка, то изображение со ссылкой приходится помещать в div. Изображения могут быть различной ширины, и помещаться в ряд столько, сколько влезет, остальные переносятся на следующую строку. Это делается просто через float: left; Но дело в том, что в каждой строке, изображения(блоки) должны быть отцентрованы, а как вы знаете, если задано float, то text-align:center уже не прокатит Собственно вопрос: Как отцентровать блоки в каждом ряде не странице? Код не обязательно, достаточно доступно изложить идею реализации. Заранее благодарен!
0 votes2 answers -
Загадочный 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…
0 votes4 answers -
Абсолютное позиционирование и отступ снизу страницы.
Поискал я в интернетах и ничего толкового не нашёл, поэтому решил спросить здесь. Есть страница, 3 колонки с position:absolute, надо сделать отступ снизу (после самой длинной, это может быть любая из них, не только центральная). На margin реагируют только такие же абсолютно-позиционированные объекты. Если вставлять мои колонки в какой-то блок, он не воспринимает абсолютно-позиционированные объекты как твёрдые объекты (игнорирует их высоту). Вроде как-то решал, но не могу найти (а может и не решал). Пробовал менять на relative - всё едет. Необходимо именно абсолютное позиционирование. CSS: HTML:
0 votes5 answers -
Как селектором адресовать пустой необязательный для заполнения input или textarea?
Приятного дня. Собственно сабж. Как селектором адресовать пустой необязательный для заполнения input или textarea? Мне нужно что бы представление пустых input и textarea отличалось от тех, в которые пользователь ввел текст и реализовать это хочется pure css. Есть идеи? [value=""] к сожалению не работает. Еще не разобрался почему. :invalid требует required
0 votes12 answers -
Не влезает буква Й. Верхняя черточка идет вниз.
Добрый день. Проблема: 1. В заголовке h2 не влезает у буквы "Й" верхняя черточка. 2. Все буквы тянутся вверх, смешно и не красиво выглядит буква "Ф" Посмотреть на сие убожество можно: http://iqfoto.ru/foto/studiya CSS код: http://iqfoto.ru/templates/jp-studio/css/template.css P.S. ФАК читал. Гугл спрашивал. Поиском пользовался по разному.
0 votes6 answers -
html картинка кодом
Есть html страничка, в неё вставляем картинку - иконку. в браузере получаем отображение этой картинки (файла картинки). все типовое, никаких проблем. все работает. Как можно уйти от файла -картинки, вставить в html сам код картинки? ОСновная задача - избавиться от файлов - картинок, но в браузере получить отображение этих картинок? Интересует подсказка - куда копать, как задобрить гугла , чтоб выдал что-то в тему.....
0 votes5 answers -
Верстка адаптивного слайдера
Всем привет. Сабж: хочу сверстать адаптивный слайдер. Для макета использую сетку от бутстрапа. Сначала задавал диву с классом slider-container ширину около 3000px, а Slider-holder'у overflow: hidden, в общем стандартная разметка для слайдера. Но поскольку слайдер должен быть адаптивным, то и ширина у него и у его дочерних элементов в процентах -> растягивались эти проценты на все 3000px. В итоге всё выглядело не так, как нужно. Решил сделать по-другому: <li> задал absolute, а ul.slider-container relative, чтобы показывать слайды с помощью изменения прозрачности. Но теперь <li> с absolute'ом "не видят" свой контент(пикча и текст) и чтобы увидеть слайды, нужн…
0 votes2 answers -
Адаптивные картинки в статьях страницы
Почитав некоторые статьи ещё 2012 года про адаптивные картинки, сложилось понимание, что на тот момент не было ещё единого правила оформления. В настоящее время существуют сайты с адаптивными картинками в теле страницы, например сайт time. Собственно, что меня побудило написать этот пост: имеются картинки с разным разрешением и размером, все они отображаются по разному, если уменьшить окно броузера. Что можно сделать, чтобы картинки адаптировались под любое разрешение от 1024px до 1920px? При разрешении 1024х768 из-за картинки не адаптируется контент, остальное норм. А здесь картинка меняет свой размер не теряя качество отображения в пределах 1024 - 1920px. И снова карт…
0 votes3 answers -
Blink-браузеры не правильно обрабатывают тень
http://waa.ai/4w3T При масштабировании колесиком тень выставляется неверно - между тенью и объектом появляется белая полоса. Как это исправить?
0 votes11 answers