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
-
Проблема со вторым div.row
Парни, не могли бы объяснить что не так в коде, почему второй div.row занимает не всю доступную ширину ? https://jsfiddle.net/fz4sdjd2/1/#&togetherjs=EmG0dFtdaM
0 votes4 answers -
Помогите с выводом данных по 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 -
Самостоятельное изучение. Каков порядок?
Приветствую, форумчане! У меня большой опыт в верстке для полиграфии. И тут решил уйти в напревлении HTML. У меня вопрос прямо относительно требований вакансии. Например, там написано: 1) Хорошее знание HTML5, CSS, JavaScript, jQuery 2) Поддержка последних версий Chrome, Opera, Firefox, IE 3) Знание фреймворка Angular.js Очень прошу вас пояснить, что же конкретно в каждом пункте мне надо изучать, хотя бы кратко, сжато. Ну типа "вот эти разделы смотри, а эти не так актуальны" Когда пишут требования к подобным знаниям, то как правило это подразумевает владение какими-либо средами программирования - Freehand (или какие еще существуют?) или же все делае…
0 votes2 answers -
Название шрифта google
Подскажите,а есть ли какой-либо способ изменить название подключаемого шрифта от google. Дело в том, что если на сайте используется несколько шрифтов, и они меняются, нет желания вводить каждый раз название типа "PT Sans condenced" Да, можно использовать Less, а без оного?
0 votes4 answers -
Затык с Flex
Коллеги, помогите, пожалуйста. Задача: чтобы 4 и 5 вставали под 1 и 2, а 6 всегда бы оставался под 3 Спасибо.
0 votes1 answer -
Как сверстать такое меню
Приветствую. Пытаюсь сверстать первый макет, но возникли сложности с меню. Как сверстать такое? - http://prntscr.com/axumjc особенно логотип в центре
0 votes6 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 -
Помогите с версткой на Bootstrap 3
Помогите понять, почему блок наезжает на заголовок H1. Сайт сверстан на Bootstrap 3. Тут на всю ширину: Уменьшаем ширину, тут нормально: Верхнее меню перескочило, так и должно быть: Верхнее меню "схлопнулось", так и должно быть: А вот такого быть не должно. Верхний белый блок должен стать больше по высоте и черное меню должно оказаться ниже, чтобы синий заголовок не перекрывался: Еще хуже: Скажите, почему верхний белый блок остался по высоте тем же и что сделать, чтобы он увеличился на высоту синего заголовка и не закрывал его? Вот здесь выложил: http://xenglish.ru/bootstrap/
0 votes2 answers -
Как поднять форму с кнопками до серидины шапки
http://myhio.ucoz.net/cit/helo.html Решил вставит в шапку форму с кнопками, но кнопки появились на самом краю шапки. Как их можно поднять?
0 votes0 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 -
Изменение адреса 2-го уровня
Уважаемые господа, Я человек далекий от веб-программирования, поэтому изъяснюсь как получится, по возможности понятно На главной сайта есть некий текст Х. В редакторе wordpress во имя SEO я заменил его адрес 2-го уровня, не осознавая до конца необдуманности поступка (хотя есть вероятность, что и не менял, но она мала). Теперь этот текст оказывается на новой странице, которая не нужна, а текст на главной не меняется, потому что он как-бы уже и не там. Уважаемые знатоки, как быть?
0 votes1 answer -
"клиент" для localstorage
c mysql удобно работать при помощи phpMyAdmin. скажите пожалуйста, существуют ли подобные утилиты для работы с localstorage браузера? я сейчас смотрю содержимое localstorage при помощи console.log, но это неудобный способ
0 votes2 answers -
Как сделать чтобы блок масштабировался как картинка
Здравствуйте. Как сделать чтобы блок масштабировался ,как картинка? (т.е. при изменении размера экрана менялась ширина блока и высота менялась пропорционально. и пропорционально менялся размер шрифта ) Верстаю html письмо, поэтому стили внутри тегов. https://jsfiddle.net/r73kpcjq/
0 votes1 answer -
0 votes5 answers
-
Форма обратной связи HTML/PHP
Всем доброго времени суток. Я новичок в верстке, и у меня возник вопрос по поводу форм. Сверстал простейшую форму, запрашивающую имя, мыло и текст сообщения. Потом понял, что она сама по себе не будет работать. Прошерстил интернет, понял, что нужно использовать php. Нашел готовый скрипт php для формы. Маленько разобрался в нем, поменял названия атрибутов name, где надо. Однако форма то выдает иероглифы, то ошибки. А письма совсем не отправляет. Сайт, на котором форма, находится на бесплатном хостинге на hostinger. Файлы сайта index.html и скрипта mail.php лежат в одной папке public-html. Форма: <form class="feedback-form" action="mail.php" method="…
0 votes2 answers -
Динамическое выпадение блока
Как сделать что бы блок b плавно выпадал из блока a, сверху вниз, подскажите пожалуйста
0 votes3 answers -
В каком направлении копать для адаптивного скроллируемого фона?
Добрый день! Есть такая задача - в заготовке для сайта имеется картинка очень большой ширины (около 4000 px). Её необходимо сделать адаптивным фоном (к размеру окна браузера/экрана компьютера), выводить центральную часть с несколькими товарами которые "вшиты" в картинку - а остальное пустить под возможность горизонтального скроллинга. (На саму фоновую картину должен быть пристыкован атрибут usemap, сообщенный с "картой", ведущей на страницы конкретных товаров). Пока что удавалось реализовать лишь адаптивность, но без скроллинга (и кажется, в таком варианте и map не пристыковать): .box{ background: url('../img/1.jpg') no-repeat; background-position: center cente…
0 votes2 answers -
Как сделать кликабельную картинку не прямоугольно
Как сделать, чтобы объекты на карте были кликабельны, но и не перекрывали друг друга. Стандартно прямоугольно если их делать они друг друга полностью перекроют...
0 votes2 answers -
Пакетное преобразование изображений (изменение холста)
Здравствуйте! Уважаемые форумчане, для интернет магазина необходимо сделать квадратные изображения - 220px на 220px. Имеющиеся изображения товаров, а их около 1000 штук, имеют абсолютно разный размер и соотношения сторон. Может быть кто-то подскажет программу, которая позволит решить данную проблему - сделать из прямоугольных изображений квадратные, например, увеличить меньшую сторону до большей. Заранее благодарю за полезные советы и решения!
0 votes12 answers -
Перенос слов в Хроме
Коллеги, я уже несколько раз вскользь сталкивался с проблемкой отсутствия переноса в Хроме, когда <html lang="ru"> и -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; ... не приводят к автоматической расстановке переносов в Хроме, но забивал на неё. А сейчас вот решил разобраться с вашей помощью - что за хрень такая? Почему не работает в хроме? И может кто-то знает нормальный способ научить Хром перeносить слова - без js? Или его просто не существует и нужно просто забивать на это и дальше?
0 votes7 answers -
Подскажите начинающему
Всем здрасте. Не могу вникнуть, как к картинке в портфолио на сайт подвязать ещё и текст описания рядышком, как на фото. <div class="col-md-4 col-ms-6"> <div class="g-item"> <img src="images/gallery/g2.jpg" alt=""> <a data-rel="lightbox" class="overlay" href="images/gallery/g2.png"> <span>+</span> </a> К этому что-то добавить, а вот что ума не приложу. На фото как хотелось бы, а по факту у меня просто картинка без описания. За…
0 votes1 answer -
Помогите с формами html
Помогите решить задачу (и возможно ли вообще ее решить): Есть форма ввода текстовой строки и кнопка. Возможно ли сделать так, чтобы при нажатии на кнопку срабатывал алгоритм: Если в текстовую строку введено "текст1", то открыть страницу 1.html Если в текстовую строку введено "текст2", то открыть страницу 2.html Иначе открыть страницу 3.html Помогите пожалуйста!!
0 votes2 answers -
Помогите разобраться с кнопкой в меню
Здравствуйте, подскажите пожалуйста как сделать так, что бы меню растянулось на всю ширину. https://jsfiddle.net/cryrc1v6/
0 votes2 answers -
html Вёрстка блоков - как сделать логично?
Здравствуйте. Верстаю макет, рассчитан для мобильных и планшетов, резиновый временами. Есть такой блок - http://joxi.ru/1A59OwzSKyoyPA . Это вариант для десктопов. Далее для планшетов - http://joxi.ru/V2Ve8MBS0J1DLm . И для мобильных - http://joxi.ru/DrlO1yQc4OMjRA Как будучи в здравом уме и хорошем психическом состоянии сверстать логично, без использования скрытых блоков, типа с заголовком или списком, которые расположены не правильно, как по мне, в планшетной и мобильной версии. Вообще, стоил ли попросить другой дизайн или намекнуть дизайнеру, что он немного не понимает, как верстается из десктопного варианта в мобильные?
0 votes5 answers