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
29,542 questions in this forum
-
Как отменить float
Вот пример - https://jsfiddle.net/9wu82yq6/ Как отменить действие тега float. В примере я добавил лишний див (<div class="clr"></div>). Можно ли обойтись без этого блока? Спасибо.
0 votes2 answers -
Таймер на сайте даже без онлайн пользователей
Я столкнулся с такой проблемой, что мне нужно сделать на сайте таймер который будет выполнять функцию даже если на сайте не сидит ни одного человека. Я не знаю как это сделать и через кокой язык. Кто знает, помогите.
0 votes1 answer -
Сессии и куки
Когда создаётся куки setcookie("Cookie", "123"); Значение "123" хранится в браузере пользователя и занимает несколько байтов памяти компьютера. Если же создаётся сессия session_start(); $_SESSION['session'] = "456"; То значение "456" хранится на сервере и занимает память сервера верно?
0 votes4 answers -
Позицирование элементов
Доброго времени суток! Я новичок (1 Месяц. За ранее хотел бы сказать, что опыта нету, и не судите строго ), Учусь верстать сделал макет. Так вот не могу сделать нормальную шапку (Горизонтальная расположения меню): 1 Лого и Текст Лого по левому краю. 6 Текстов для Основных меню по центру 2 Доп. Меню по правому краю float: left & right - пробовал, grid: тоже, flex-box; тоже, даже через inline-block; Помогите создать меню, не хочу использовать float left/right. Хотел бы использовать grid сетку (Лучше даже написать свою сетку для будущего) Bootstrap вообще не хочу использовать, буду сидеть и писать но его не буду. Но вот беда что в grid есть …
0 votes1 answer -
Объясните мне некоторые моменты...
Данный вариант —> var i = parseInt($("#sli").css('margin-left')); Индентичен варианту —> var i = parseInt(document.getElementById('sli').style.marginLeft). Но, по какой-то причине, второй вариант не работает. То есть, я не могу стиль вложить в переменную в JavaScript, а в JQuery такое возможно. И при изменении стиля типо left в javascript, мне нужно указывать что-то вроде 100 + 'px', а такой момент отсутствует в JQuery, сойдут обычные числа. Был бы благодарен, если бы на мои вопросы были ответы, потому что мне не понятна такая работа кода.
0 votes2 answers -
Неправильное перемещение объектов
В этом коде: https://jsfiddle.net/Lgjy2c8w/ у меня блок запоминает положение другого, и на 100 пикселей уходит дальше, хотя глобальная функция задана tor = 0, и изменяться они уже в своих функциях. Как исправить неправильное смещение?
0 votes2 answers -
Загрузить изображения, не залезая в код.
Всем привет! Я, некоторым образом, нуб в верстке. Сделал пару сайтов, чисто на html и css, пользуясь руководствами, как направляющими. Сайты работают вполне приемлемо, однако, я столкнулся с одним неудобством: каждый раз, для загрузки изображения, мне требуется залезать в панель управления Джумла и, либо создавать там новую категорию и макеты, либо менять изображения и текст в тех, что уже существуют. Это не очень удобно, тем более, что я, каждый раз, успеваю забыть, какой порядок действий мне нужно совершить. В связи с этим, возник вопрос: можно ли как-то сделать так, чтобы загрузка изображений происходила, как, к примеру, вКонтакте, когда можно создать альбом - и закину…
0 votes0 answers -
Сложный радиальный градиент
Здравствуйте! Есть такая картинка, можно ли ее реализовать с помощью радиального градиента? Сколько искал информацию, радиальный градиент повторяется от центра к краю, а мне нужно повторение по кругу. Можно ли это реализовать?
0 votes1 answer -
Как реализовать декоративные полосы?
Часто в макетах встречаю такие нестандартные решения, как они создаются? Мб вы ранее сталкивались с этим, покажите код пожалуйста .. Я так подразумеваю что возможно сделать на псевдо-элементах, и бордерах? Или вазможно как-то сделать на флексбоксах адаптивно? Или вообще с помощью SVG рисуется? Спасибо! ИЗОБРАЖЕНИЕ
0 votes4 answers -
Как тестировать адаптивность в браузере Fire Fox
Здравствуйте! У меня такой вопрос. При начальном тестировании адаптивного сайта использую браузер Fire Fox, то есть-открыть меню->разработка- >адаптивный дизайн. Можно сворачивать-сжимать окно браузера и в левом углу в поле устанавливать размер окна, в который можно вводить нужный размер. Всё это хорошо, но вот только я видел в уроке такое, что при сжимании окна появляется подсказка размера, который имеет браузер при сжимании-растягивании окна браузера и автор видит, на каком размере находится точка, где нужно ставить медиа запрос. Проблема в том, что у меня в браузере нет такой подсказки, как не искал. Может кто-то знает, как настроить браузер?
0 votes3 answers -
Тормозит карусель
Добрый день! Или у меня что-то с интернетом или карусель на главной и следующая страничка "купить" долго загружаются. Можете глянуть в чем причина?? Спасибо!
0 votes8 answers -
Как сделать что бы картинка собиралась из разных частей css
Совсем не понятно как сделать что бы картинки накладывались на сайте друг на друга, но с эфектами css ну так сказать собиралась из разных частей, ну там сначала появляется фон потом человек и дальше солнце. Код вот такой: <html> <head> <link rel="stylesheet" href="animate.css"> <script src="wow.min.js"></script> <script> new WOW().init(); </script> <div style="text-align: center"> </head> <body bgcolor="##006400"> <p><img class= "wow zoomin" data-wow-duration="5s" src="FON_line_1.png" width="80%"><p> <p><img class= "wow zo…
0 votes4 answers -
Проблема выравнивания по центру
Всем привет. Есть сайт нашей компании созданный на вордпресс. Проблема выравнивания блока по центру. Сам сайт lf.winsys.su, Блок "Наши услуги" Подскажите пожалуйста как исправить, сам особо не шарю в сайтах, попросили исправить на работе Думаю проблема именно в float: left; <style> figure { color: #fff; margin: 0 10px 10px 0; /* Отступы */ text-align: center; /* Выравнивание по центру */ float: left; /* Блоки выстраиваются по горизонтали */ } figure img { } figure p { margin-bottom: 0; /* Отступ снизу */ } </style> <div class="parent"> <article> <figure> <p>&…
0 votes4 answers -
Проблемы с вставкой изображения
у меня есть список: <nav> <ul class="navigation"> <li><a id="link" href="">текст</a></li> <li><a href="">текст</a></li> <li><a href="">текст</a></li> <li><a href="">текст</a></li> <li class="cb"><a href="">текст</a></li> <li><a href="">текст</a></li> <li><a href="">текст</a></li> <li><a href="">текст</a></li> </ul> </nav> и есть стили кото…
0 votes1 answer -
Компановка div-ов разной высоты
Можно ли как-то разместить дивы чтобы они выглядели как на картинке? У всех одинаковая ширина и разная высота, и одинаковое(или +- 1 див) количество дивов в столбце Каждый цвет это отедльный блок Я нашел плагин для jquery http://masonry.desandro.com/ который делает что мне надо, но хотелост бы для начала обойтись без JS
0 votes9 answers -
Резиновые отступы
Есть в одной строке 4 блока. Первый блок выравнивается по левому краю, последний по правому. Как сделать на css расстояние между всеми блоками одинаковым, причем чтобы оно менялось при изменении разрешения экрана. Все блоки разной ширины.
0 votes2 answers -
Выравнивание элементов
Не получается разобраться, как работает свойство vertical-align. В таблицах работает, а для строчных элементов почему-то нет. Пытаюсь сделать вертикальное выравнивание, но текст не сдвигается <div style="height: 200px"><span style="vertical-align: middle">Текст</span></div> Как правильно устанавливать это свойство?
0 votes15 answers -
Код CSS не работает
Написал код точно как в учебнике, но он не работает. В чем причина? Скриншоты прилагаются. Скрытый текст http://prntscr.com/g5xbse Скрытый текст http://prntscr.com/g5xdpg
0 votes5 answers -
Регулярные выражения в html
Увидел здесь http://htmlbook.ru/samhtml5/formy/shablon-vvoda-dannykh шаблон ввода данных для текстовых полей формы обратной связи. Насколько я знал, подобное делается на js и php. Верное ли это решение для сегодняшнего дня и стоит ли это примеять? Ведь дата публикации достаточно стара — 10.09.2011.
0 votes1 answer -
Стилизация input type и его превью
Мне надо было стилизовать input type, и что бы после загрузки, показалась превьюшка, я искал готовые решения, но они были какие-то очень большие, некоторые даже подключают большой css файл ratchet.css. И я решил написать свой решение, хороший ли это способ? https://jsfiddle.net/w30shtu9/ Скрытый текст <div class="wrap"> <div> <img src="" class="img-circle" id="theImage"> </div> <input type="file" id="photoInput"> <button class="addImg">Доб. Изображение</button> </div> Скрытый текст .wrap {border: 1px solid; width: 500px;} #photoInput { display: no…
0 votes2 answers -
Как перевести пикселы в rem?
Здравствуйте! Как перевести padding и щрифт из пикселей в единицу измерения rem?
0 votes3 answers -
Border-image
Ребят здравствуйте подскажите почему не работает код нужно сделать бордер картинкой только с одной стороны border-image: url("../img/brimg.png"); border-top:0; border-left: 0; border-bottom: 0; или подскажите как сделать такие разделители при условии что ховер должен быть таким как вариант я использовал бордер но он заполняет всю сторону блока,
0 votes2 answers -
Равномерная сетка прямоугольников
День добрый. Есть контейнер, в контейнере блоки. Блоков может быть любое количество. Контейнер может быть любой ширины. Следовательно, количество строк и столбцов заранее неизвестно. Задача: расположить блоки в контейнере так, чтобы их всегда было одинаковое количество на каждой строке. Если в последней строке не хватает одного-двух блоков, то оставшиеся блоки занимают всю строку. Два дня курю как Flexbox, так и гриды, и не вижу решения. Флексы могут оставить на последней строке один элемент, что ужасно некрасиво. Гриды тоже, плюс они его не растягивают. Решения нет, или я его не вижу? Картинка для наглядности.
0 votes6 answers -
Подскажите как сделать такой слайдер
Здравствуйте подскажите как сделать такой слайдер.Чтобы активный вылетал вперед, это я понимаю на актив меню. Только css нужно делать?У меня например в вёрстке 10 элементов.Показываются 5 как на картинке, но 1 и последний должен быть такого размера и с z-index.В общем только css можно сделать.Либо в слайдере есть какие либо опции? https://gyazo.com/fa6bd54d98ebda1be6efd19325418d8a И вообще как лучше сделать,спасибо
0 votes3 answers -
Поддомены в папках основного домена
Здравствуйте. Пытаюсь реализовать поддомены в папках основного домена и отчасти это получилось. Индексный файл субдомена лежащий в папке subdomain открывается как subdomain.domain.ru переадресация реализована файлом .htaccess, но когда мы создаем в папке subdomain, например папку name с index.php то путь до него получается следующим subdomain.domain.ru/subdomain/name, хотелось бы subdomain.domain.ru/name. Собственно, вопрос в том как убрать этот самый лишний subdomain из адресной строки. Создать отдельную директорию на хостинге под домен не вариант, так как поддоменов будет более 100. Часть htaccess выглядит следующим образом: RewriteCond %{HTTP_HOST} ^www\.(.*)…
0 votes0 answers