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
-
Инлайн блок галерея, по левой стороне
Подскажите пожалуйста. Если галерея выполнена с помощью инлайн блоков с выравниванием по центру, как сделать так, что бы не до конца заполненные строки выравнивались по левой стороне. https://jsfiddle.net/uok82thz/
0 votes3 answers -
Ошибка в синтаксисе при добавлении в бд данных
<?php include("connect_bd.php") $result=mysql_query("SELECT * FROM buyer",$db); $myrow=mysql_fetch_array($result); if(isset($_POST['name'])) { $name = $_POST['name']; } if isset(($_POST['numb'])) { $number = $_POST['numb']; } if isset(($_POST['e-mail'])) { $email = $_POST['e-mail']; } if isset(($_POST['pay'])) { $pay = $_POST['pay']; } if isset(($_POST['dostavka'])) { $dostavka = $_POST['dost…
0 votes1 answer -
Разобрать текст по пунктам с помощью регулярного выражения
Здравствуйте.Столкнулся с таким вопросом.Нужно разобрать текст регуляркой по пунктам.Но не знаю,как задать условие,чтоб вхождения ограничивались началом следющего пункта. https://regex101.com/r/wY4qH3/2
0 votes1 answer -
Поменять блоки местами
Всем добрый день! Есть довольно простая структура сайта: https://jsfiddle.net/j7n9yf5q/3/ Нужно при уменьшении ширины экрана (например до 768px) поменять блоки местами - Блок 1 перемещается под Блок 3, а если на странице только Блок 1 и Блок 2 - то они меняются местами. Соответственно, если размер окна снова увеличивается, то блоки должны стать на свои места. Как это реализовать при помощи Jquery?
0 votes3 answers -
В чем смысл изучения HTML и CSS?
Уважаемые форумчане, приветствую! Я только начал погружаться в тему верстки сайтов. И начал в данный момент с курсов html-academy. И назрел у меня следующий вопрос. Существуют разнообразные сайты, в стиле http://tilda.cc/ , wordpress и так далее. Которые содержат в себе движок и кучу шаблонов/тем для настройки и персонализации. То есть, если я правильно понимаю, никому сейчас не нужно писать сайт на html с нуля, ты просто идешь на такой вот сайт и оплачиваешь там подписку на работающий функционал сайта. То есть это гораздо быстрее и удобнее. Я просто сейчас пытаюсь понять эту индустрию в целом + что именно нужно изучать в этом самом html и CSS, чтобы быть во…
0 votes4 answers -
Не работает clearfix в Safari
Здравствуйте! Подскажите, пожалуйста, как решить проблему - в браузере Safari некорректно отображаются плавающие элементы: Вот пример страницы В чем может быть дело? Заранее благодарен за помощь!
0 votes2 answers -
Конфликт стилей?
Доброго времени суток Я нашла вот такой скрипт преобразования скролла http://www.xiper.net/collect/js-plugins/ui/jscrollpane2.html Подключила, но работает он только для контента первого таба, а у последующих он не появляется... Три таба: Ремонт, Диагностика и Настройка. Вот архив верстки, честно пыталась его засунуть на jsfiddle, но запустить табы у меня там не получилось https://drive.google.com/open?id=0BxhNpLjXhNcKbjVPUlJqN2U2a00
0 votes16 answers -
Проблемы c версткой в ie..
Всем привет. Кто нибудь в курсе почему в браузерах ie(в отличии от всех остальных) происходит игнорирование вышестоящего блока(в z - index-e) и в общем ты кликаеш по ссылкам и кнопкам как будто никакой блок все это дело не перекрывает? http://webmaster.ayrveda.ru/se_plus/order_werbung_online_t_okey_error.html Если перефразировать то задача у меня была выключить любое поведение на странице кроме розового блока по центру (с инпутом) вставил между ним и всем остальным блок на весь контент (<div id="disable_behaviour_function">) "Накрыл"(Перекрыл) в общем все что только было под ним.. во всех браузерах все норм.. (не кликабельно все что под ним..) ie…
0 votes2 answers -
Не перемешает изображение в папку для хранения
<?php include('connect_bd.php'); $uploaddir = 'images/'; // Каталог, в который мы будем перемещать файл $uploadfile = $_FILES['file']['name']; // Имя загружаемого файла $up_temp = $_FILES['file']['tmp_name']; // Путь к загружаемому файлу во временной папке move_uploaded_file($up_temp, $uploaddir.$uploadfile); $img = 'images/'.$uploadfile; mysql_query("INSERT INTO `products` (`id`,`name`,`price`,`img`,`img1`,`img2`,`img3`,`text`) VALUES('NULL', '".$_POST['name']."', '".$_POST['price']."' ,'".$_POST['img1']."', '".$_POST['img2']."' , '".$_POST['img3']."' , '".$_POST['text']."');"); header("locat…
0 votes0 answers -
Не работает :hover+
Помогите с проблемой. Есть один большой блок с классом "list", внутри которого должна отображаться информация с помощью блока "mininfo". Задача: сделать так, чтобы при наведении на любую область блока "list" появлялся блок "maxinfo", в котором будет отображена более полная информация. Пытаюсь реализовать это через изначальное значение 0 параметра "opacity" в блоке "maxinfo" и стиля .list:hover+.maxinfo, который даст при наведении "opacity: 1". При наведении на блок "list" ничего не происходит. Но, когда я проделываю то же самое с блоком "mininfo" (.mininfo:hover+.maxinfo) - все работает отлично. После почти суток проб и ошибок, пришел к выводу, что такое вероятнее вс…
0 votes1 answer -
Модуль "Баннер"
Здравствуйте! Я начинающий в таком деле, так что ивиняйте если что не так. У меня вопрос такой по редактированию модуля "Баннер" в Joomla, Я создал три баннера расположенных в категории по умолчанию, Также создал два модуля "Баннер" и разместил их в позиции banner шаблона Protostar. По умолчанию все баннеры в модуле располагаются вертикально, так же как и сами модули. Как сделать чтобы: Вариант 1. Сами модули также располагались вертикально, но баннеры в них горизонтально. Вариант 2. Модули располагаются горизонтально, а баннеры в них вертикально. Вариант з. И модули и баннер в них расположены горизонтально. В настойках модуля в дополнительных параметрах е…
0 votes0 answers -
Бутстрап 3
Здравствуйте! Скажите как сверстать макет шириной в 1000px на бутстрап 3
0 votes3 answers -
Кнопки меню
Внимание програмисты. Доброго времени суток! Как легко и просто написать код для выделения кнопок меню при наведении курсора нижней и верхней линией как это указанно на рисунке. Зарание Благодарю за помощь. http://refur.tefox.net
0 votes1 answer -
Помогите со слайдером
Всем привет. Прошу сильно не пинать Подскажите новичку как сделать слайдер Tilted Content Slideshow по таймеру, то есть через определенное время чтобы сам листался? Заранее благодарен!
0 votes8 answers -
Png изображение и раскройка по классам
Решал практикум на htmlbook. Вот это задание. Полез в ответы за подсмотром решения и наткнулся на одну очень интересную вещь. То решение я перенёс на codepan: http://codepen.io/pojar/pen/dMEbdZ Разметка, позиционирование расчётное, это понятно. Суть вопроса: там есть у каждой такой иконки два class: icon и класс соц. сети. Вот цельная картинка иконок. Вот этот png применяется в решении один раз прямо ко всем подобным элементом с классом icon как background. Далее происходит обращение по классам к конкретному значку. Но как это происходит? Ведь это цельное изображение. С псевдоклассом :hover ситуация идентичная. В коде нету никаких таких объявле…
0 votes5 answers -
Эффект при наведении
При наведении на .tabs-link у .tabs-link:after должно появляться свойство visibility: visible; http://codepen.io/anon/pen/XdwJaG
0 votes1 answer -
редактирование таблицы в сss
Здравствуйте!Подскажите такая проблема-создала таблицу в html. Редактирую в css текст в строках и ничего не меняется-забиваю все то же самое он-лайн на сайт-там все работает.С чем это связано. Макет таблицы могу приложить.
0 votes1 answer -
Не срабатывает onclick в песочнице
Сабж На серой пимпочке, справа, по вертикали по центру https://jsfiddle.net/zep2ovaL/ Во всех браузерах работает
0 votes1 answer -
Переменная длина средней колонки
В донной теме речь пойдёт о стандартной задаче, с которой имеют дело верстальщики, но которая может оказаться сложной для новичков. Макет такой: хедер, футер, между ними три колонки: Задача - сделать так, чтобы ширина средней колонки менялась в зависимости от ширины окна, но быть не менее, ну допустим, 550px. Такая возможность обеспечена на многих сервисах электронной почты, где в средней колонке находится таблица-список писем. В моём коде, если сузить окно, сначала правая, а потом и средняя колонка "выпадут из потока" на следующую строку, а мне нужно, чтобы левая и правая колонка всегда были соответственно слева/справа, а менялась ширина только средне…
0 votes5 answers -
transition и событие окончания анимации
Можно ли установить событие окончания анимации для transition? Походу нет :(. Не хотелось бы прикручивать анимацию jquery и других фремворков. Что посоветуете?
0 votes1 answer -
Полоска под меню
Подскажите уважаемые как убрать вот эту оранжевую полоску http://joxi.ru/jgmvEq4f8qQNra на этом сайте http://teplogid18.ru/
0 votes3 answers -
Google PageSpeed Insights Оптимизируйте код CSS
Добрый день. Помогите привести информацию в голове в порядок. Гугл пишет что нужно делать так <html> <head> <style> .blue{color:blue;} </style> </head> <body> <div class="blue"> Hello, world! </div> </body> </html> <link rel="stylesheet" href="small.css"> При этом в htmlbook указано следующее :
0 votes8 answers -
если инпуты выполняют функции чекбоксов
Всем привет, В примере с 3-ем bootstrap-ом http://getbootstrap.com/javascript/#buttons-checkbox-radio инпуты выполняют функции чекбоксов Все хорошо но не всегда сразу очевидно а какие из инпутов кликнуты ? Можно ли рядом с текстом инпута отображать символ/картинку checked? Идея в том, что когда я вижу такие чекбоксы, для меня не очень очевидно какие из них уже чекнуты. С картинкой слева от текста было бы очевидней. Я пробовал сделать но получается совсем не то ... Спасибо!
0 votes6 answers -
Media queries самые ходовые
Не хочется изобретать паровоз. Устройств вывода(мониторы, планшеты,телефоны) пруд пруди. У меня 3 и все разного разрешения :(1920х1200), (1280х1024), (1600х900) Хочу узнать кто какие наборы использует самых ходовых Media queries для оптимизации под разные разрешения. @media screen and (max-width: 600px) {...} - видимая область меньше 600px. @media screen and (min-width: 600px) and (max-width: 900px) {...} - от 600 до 900 @media screen and (min-width: 1281px) and (max-width: 1921px) {...} @media only screen and (min-width: 1921px) {...} - больше моего 24дюймового и т.д. Каждое устройство не учтешь, а под самые ходовые надо
0 votes5 answers -
Верстка сетки из изображений
Добрый день! Нужна помощь в создании сетки из изображений как на скриншоте https://monosnap.com/file/vjzvvPmuyaVQQGIWqjDaCG4pVMCdG4# Пробовал делать через инлайн-блок и флоат - все рушится. С флексбоксом не знаком. Воспроизвел ситуацию в песочнице https://jsfiddle.net/pzyzhgtn/7/
0 votes3 answers