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
-
Форма обратной связи HTML/PHP
Всем доброго времени суток. Я новичок в верстке, и у меня возник вопрос по поводу форм. Сверстал простейшую форму, запрашивающую имя, мыло и текст сообщения. Потом понял, что она сама по себе не будет работать. Прошерстил интернет, понял, что нужно использовать php. Нашел готовый скрипт php для формы. Маленько разобрался в нем, поменял названия атрибутов name, где надо. Однако форма то выдает иероглифы, то ошибки. А письма совсем не отправляет. Сайт, на котором форма, находится на бесплатном хостинге на hostinger. Файлы сайта index.html и скрипта mail.php лежат в одной папке public-html. Форма: <form class="feedback-form" action="mail.php" method="…
0 votes2 answers -
В каком направлении копать для адаптивного скроллируемого фона?
Добрый день! Есть такая задача - в заготовке для сайта имеется картинка очень большой ширины (около 4000 px). Её необходимо сделать адаптивным фоном (к размеру окна браузера/экрана компьютера), выводить центральную часть с несколькими товарами которые "вшиты" в картинку - а остальное пустить под возможность горизонтального скроллинга. (На саму фоновую картину должен быть пристыкован атрибут usemap, сообщенный с "картой", ведущей на страницы конкретных товаров). Пока что удавалось реализовать лишь адаптивность, но без скроллинга (и кажется, в таком варианте и map не пристыковать): .box{ background: url('../img/1.jpg') no-repeat; background-position: center cente…
0 votes2 answers -
0 votes5 answers
-
Как сделать кликабельную картинку не прямоугольно
Как сделать, чтобы объекты на карте были кликабельны, но и не перекрывали друг друга. Стандартно прямоугольно если их делать они друг друга полностью перекроют...
0 votes2 answers -
Помогите с версткой на Bootstrap 3
Помогите понять, почему блок наезжает на заголовок H1. Сайт сверстан на Bootstrap 3. Тут на всю ширину: Уменьшаем ширину, тут нормально: Верхнее меню перескочило, так и должно быть: Верхнее меню "схлопнулось", так и должно быть: А вот такого быть не должно. Верхний белый блок должен стать больше по высоте и черное меню должно оказаться ниже, чтобы синий заголовок не перекрывался: Еще хуже: Скажите, почему верхний белый блок остался по высоте тем же и что сделать, чтобы он увеличился на высоту синего заголовка и не закрывал его? Вот здесь выложил: http://xenglish.ru/bootstrap/
0 votes2 answers -
"клиент" для localstorage
c mysql удобно работать при помощи phpMyAdmin. скажите пожалуйста, существуют ли подобные утилиты для работы с localstorage браузера? я сейчас смотрю содержимое localstorage при помощи console.log, но это неудобный способ
0 votes2 answers -
Как сделать чтобы блок масштабировался как картинка
Здравствуйте. Как сделать чтобы блок масштабировался ,как картинка? (т.е. при изменении размера экрана менялась ширина блока и высота менялась пропорционально. и пропорционально менялся размер шрифта ) Верстаю html письмо, поэтому стили внутри тегов. https://jsfiddle.net/r73kpcjq/
0 votes1 answer -
Помогите с выводом таблици
Не могу вывести правильно товары, нужно что бы было по три в ряд. <div class="content"> <table> <tr> <td colspan="3"> <div class="new">Новинки нашего сайта: </div> </td> </tr> <tr> <? for($a=0;$a<9;$a++) printf(" <td> <img src='images/sempl.png' alt='img'> <p>Название Цена </p> <img src='images/buy.png' alt='img'> </td> "); ?> </tr> </table> </div>
0 votes7 answers -
Как сверстать такое меню
Приветствую. Пытаюсь сверстать первый макет, но возникли сложности с меню. Как сверстать такое? - http://prntscr.com/axumjc особенно логотип в центре
0 votes6 answers -
Как заменить тег <h3>
Подскажите пожалуйста. Выяснилось, что на сайте, названия информационных блоков заключены в тег <h3>. Уже битый час бьюсь, и никак не могу заменить его. <?php if ($informations) { ?> <div class="column"> <h3><?php echo $text_information; ?></h3> <ul> <?php foreach ($informations as $information) { ?> <li><a href="<?php echo $information['href']; ?>"><?php echo $information['title']; ?></a></li> <?php } ?> </ul> Как в этом коде заменить тег <h3> на такой же размер шрифта, но чтобы не сломать класс "column"?
0 votes6 answers -
Контент выходит за рамки монитора
Народ, всем привет. Есть сайт: http://www.admirals.top/ Появляется горизонтальный скролл. Нужно его как то убрать. Не просто прописать overflow:hidden, а именно чтоб размер блоков умещался под разрешение монитора. Я уже все стили просмотрел веб-инспектором, так и не нашёл, какой блок вылазиет. Помогите пожалуйста.
0 votes1 answer -
Помогите с выводом данных по id
Помогите не могу вывести данные с БД по id вот код. <? if (isset($_GET['id'])) {$id=$_GET['id'];} $result=mysql_query("SELECT id,name,price,img,text FROM products WHERE id ='$id'",$db); $myrow=mysql_fetch_array($result); { printf(" <td colspan='3'> <div class='new'>%s </div> </td> </tr> <tr> <td colspan='2'> <img src='%s' style='float:left;'> <p> %s </p> </td > <td id='na_pr' > %s$ </td> …
0 votes0 answers -
Галерея для Pop-up
Ребят, помогите, пожалуйста, уже 2й день зависаю над проблемой. Я создал тестовый сайт для портфолио http://my-tasks.cu.cc/. На сайте в разделе "Галерея" есть кнопка "Посмотри работу". При нажатии на кнопку должно появиться Pop-up окно с галереей изображений ( смотреть тут http://prntscr.com/axydgn ) Но при нажатии кнопки появляется только такое окно ( смотреть тут http://prntscr.com/axyi4w ). Если нажать на стрелку "лево" или "право", то прогружается и сам слайдер. Без Pop-up слайдера все работает без проблем. Сам слайдер я создал при помощи Slick Slider. Pop-up установил Magnific-popup Если кому нужен архив с файлами, вот он (https://drive.…
0 votes5 answers -
Как поднять форму с кнопками до серидины шапки
http://myhio.ucoz.net/cit/helo.html Решил вставит в шапку форму с кнопками, но кнопки появились на самом краю шапки. Как их можно поднять?
0 votes0 answers -
Название шрифта google
Подскажите,а есть ли какой-либо способ изменить название подключаемого шрифта от google. Дело в том, что если на сайте используется несколько шрифтов, и они меняются, нет желания вводить каждый раз название типа "PT Sans condenced" Да, можно использовать Less, а без оного?
0 votes4 answers -
Самостоятельное изучение. Каков порядок?
Приветствую, форумчане! У меня большой опыт в верстке для полиграфии. И тут решил уйти в напревлении HTML. У меня вопрос прямо относительно требований вакансии. Например, там написано: 1) Хорошее знание HTML5, CSS, JavaScript, jQuery 2) Поддержка последних версий Chrome, Opera, Firefox, IE 3) Знание фреймворка Angular.js Очень прошу вас пояснить, что же конкретно в каждом пункте мне надо изучать, хотя бы кратко, сжато. Ну типа "вот эти разделы смотри, а эти не так актуальны" Когда пишут требования к подобным знаниям, то как правило это подразумевает владение какими-либо средами программирования - Freehand (или какие еще существуют?) или же все делае…
0 votes2 answers -
Затык с Flex
Коллеги, помогите, пожалуйста. Задача: чтобы 4 и 5 вставали под 1 и 2, а 6 всегда бы оставался под 3 Спасибо.
0 votes1 answer -
Почему рекомендуют указывать в name и id разные значения?
Слышал мнение, что желательно в тегах формы не давать атрибутам name и id одинаковые значения. Многие этой рекомендации не следуют. Почему это надо делать? И почему не обязательно? Откуда пошло и с чем связано? Хуже: <input type="text" name="login" id="login"> Лучше: <input type="text" name="login" id="login-field">
0 votes6 answers -
Проблема со вторым div.row
Парни, не могли бы объяснить что не так в коде, почему второй div.row занимает не всю доступную ширину ? https://jsfiddle.net/fz4sdjd2/1/#&togetherjs=EmG0dFtdaM
0 votes4 answers -
Как пройти Pagespeed от гугла?
Доброй ночи. Народ. Не подскажите как пройти спидтест для десктопа в гугле? (впервые прохожу ) Есть такая страница например: http://webmaster.ayrveda.ru/se_plus/index26083k.html И результат по ней вот такой выдается: https://yadi.sk/i/fdwugjQ5rQq9A как уже только не оптимизировал те 2 картинки - спидтесту этому они все равно не нравятся ) + не понятно что надо сделать со стилями и джаваскриптом.. ) Так же хотел бы поинтересоваться наиболее простым методом сжатия в GZIP (может кто то толковую статью скинет на эту тему..) P.S. Буду благодарен за помощь..
0 votes12 answers -
Посоветуйте литературу
Только начинаю изучать верстку сайтов, посоветуйте список литературы для прочтения, желательно не в электроном виде которая.
0 votes6 answers -
Как сделать пункты выпадающего меню ссылками?
Я хочу сделать на сайте выпадающие меню, в котором при выборе пункта происходит переход на новою страницу. Возможно ли такое на html? и Как это сделать?
0 votes6 answers -
разметка компонента
помогите пожалуйста разобраться в вопросе обычно, делая компонент, разработчик предоставляет возможность добавить в html один элемент. например: <div id="megaSlider"></div> и затем подключенные скрипты заполняют этот компонент нужной разметкой и поведением. это красиво и лаконично. но не всегда удобно. например, если используется bootstrap и шаблонизатор типа underscore. в этом случае при написании компонента разработчику приходится поочерёдно открывать шаблоны и добавлять в них классы: container, row, col-md-6 и т. д. от такой деятельности голова пойдёт кругом но есть и другой путь. в теле страницы вместо <div id="megaSlider">&l…
0 votes0 answers -
Номер карты через пробел
Здравствуйте! Простенькая задачка по верстке: при вводе номера карты/номера телефона/номера счета разделять вводимые значения пробелом или дефисом. При чем разделять нужно как в режиме печатания, так и при вставке из буфера всегда на равные блоки, допустим, по четыре цифры. Кому-нибудь приходилось решать такую задачу? Можете привести пример решения?
0 votes2 answers -
Что не так?
Я только начала изучать HTML и СSS, создала свою первую web-страничку (по книге), но некоторые правила не работают. Валидатор выдает такую ошибку 36h2Ошибка разбора p { font-size: .90em; text-indent: 3em; } ul {font-weight:bold; } .nav { font-weight: bold; font-size: 1.25em; } .feature { color: #ff0000; } #footer { color: #333333; font-size: .75em; font-style: italic; } .companyname { font-weight: bold; font-family: Georgia, "Times New Roman", serif; font-size: 1.25em; } 36h2Ошибка разбора [empty string] Что не так? Что значит ошибка разбора? Подскажите, пожайлуста embedded3.html
0 votes4 answers