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
-
Как добавить canvas картинке событие onclick?
Нарисовал кнопку в фотошопе, добавил в canvas, теперь незнаю как добавить на картинку событие onclick, через тэг <img> неподойдет...
0 votes1 answer -
Не понимаю как сделать подскажите пожалуйста
Здраствуйте всем, подскажите пожалуйста не могу понять как сделать, есть формы ввода select и input и кнопка в конце submit. нужно чтобы после ввода данных при нажатии на кнопку все введеные данные отображались в поле внизу с такими же подза головками как у форм, плюс привязка времени во сколько было отправлено. я начинающий так что если можно более простым языком. формы ввода выглядят так примерно <div id="form"> <ul> <li> Ваша консоль: <select> <option>1</option> <option2</option> <option>3</option> <option>4</option> </select> </li> <li>Название -: <select> <option>Saa…
0 votes5 answers -
SVG
Решил использовать графику svg и все хорошо работает. Но вот ситуация если браузер свернуть в окно (то есть сделать размер меньше) svg естественно примет нужный размер, но если потом развернуть браузер svg останется с последним размером и это выглядеть ужасно. Может при экспорте в svg есть какие то настройки нужно проставлять. Или как то вставлять по особому.
0 votes4 answers -
Можно ли с помощью <article> разрывать другие парные тэги
Добрый день! Хочу внедрить на сайт HTML 5 тэги. Вопрос: можно ли этим тэгам так разрывать div'ы <article> <h1> Моя статья </h1> <div class="content"> <p>Текст статьи</p> </article> <div class="reviews"> </div> </div>
0 votes4 answers -
Помогите определиться с CMS для интернет-магазина.
Всем добрый день! У меня есть небольшой интернет-магазин, товаров всего до 60 штук. Корзины нет, дизайн обычный. Понимаю, что любая CMS - это большой объем не нужной информации, т.к. мне не нужна регистрация клиентов (сам такие магазины обхожу стороной), хотя у меня есть постоянные клиенты. Мне не нужны платежные системы и оформление доставки и т.д. В общем, мне нужна только полноценная корзина с отправкой заказа, никаких админок с корректировками заказов и тд. Шаблонов бесплатных на HTML миллионы, с ними я немного разбираюсь, с CSS с горем пополам методом тыка тоже разберусь (или с помощью форума). Без проблем могу купить готовый шаблон на OpenC…
0 votes2 answers -
Изменение баннера при рефреше страницы
Можете подсказать можно ли реализовать следующие фичи посредством HTML (XHTML, PHP, JS), а если можно, то как именно (без фреймов)? 1. - Нужно, чтобы при рефреше страницы менялся основной баннер. 2. - При нажатии на определенный линк менялся основной баннер на определенную картинку только после нажатия на определенный линк (к примеру - 10 линков - 10 определенных картинок для основного баннера). 3. - При загрузке линки показывался определенный сплэш. Заранее спаибо за помощь
0 votes1 answer -
Валидация - не могу понять причины ошибки...
Есть у меня личный сайт (некоммерческий, пожтому могу дать ссылку - www.pitercult.ru Проверяю его валидатором. 5 ошибок. причем, 4 из них - в одном URL. не могу понять, что за ерунда, - нормальный, ничем не примечательный URL... если к-л возможность избежать появления ошибок валидации, кроме отказа от ссылки?
0 votes2 answers -
css transform
Кто как поворачивает блоки\картинки\текст? кроссбраузерно например как сделать вот так: чтобы можно было повернуть блок, а вместе с ним и картинку и текст, если он будет под картинкой. Как это можно реализовать? Может где то видели такое. Или существуют скрипты... Сам пока вижу решение поворачивать картинку как тут: http://romka.eu/blog/jquery-image-rotate а уже поверх текст накладывать и текст поворачивать как тут: http://habrahabr.ru/blogs/javascript/86952/ Хотя последнее вроде бы и картинку и текст разом повернуть сможет. Кто еще что подсказать может?
0 votes0 answers -
Имитация заполненного бланка
Нужно с помощью HTML сымитировать заполненный бланк, в котором есть длинная-длинная подчёркнутая графа, простирающаяся на несколько строчек. Нужно, чтобы текст содержимого плавно перетекал на следующую подчёркнутую строчку. Нравится оформление нижним бордюром ячейки, только при переносе строки раздвигается первая ячейка. Подчёркивание текста это хорошо, но не дотягивает до правой границы листа. Разбиение же фразы по размеру строчек - корявое решение, потому что приходится угадывать ширину.
0 votes4 answers -
IE и неопознанный баг с дивами в ячейке таблицы
Здравствуйте, Уважаемые участники форума! Надеюсь на помощь профессионалов. Есть страничка http://www.sushi-house65.ru/catalog/category/8/ На ней участок кода: Первый див: <div> <table width="800" border="0" align="left"> <tbody> <tr> <td valign="top" style="width: 280px;"> <h1><font face="verdana,geneva">Чай</font></h1> <div class="drinks_row"><span class="drinks_row_first">Чай "Ассам" черный</span><span>500 мл</span><span>200 руб.</span></div> <div class="drinks_row"><span class="drinks_row_first">Чай "Сенча"</span><span>500…
0 votes9 answers -
Относительные величины line-height
Если задавать line-height в процентах или em, относительно чего эта величина будет считаться (относительна размера шрифта или размера line-height, определённого в родительском элементе)?
0 votes3 answers -
Фреймы?
Начал изучать html и много слышал о том, что фреймы это пережитки прошлого, собственно отсюда и вопрос: стоит ли изучать эту область html или всё это реализуемо с помощью сторонних методов (например посредством - css)?
0 votes7 answers -
автодобавление ссылки cайта на картинки
помогите пожалуйста! строю свой сайт на Ucoz. Вот он . Мне нужно сделать так чтобы на каждуюю загружаемую картинку на сайт налогался бы адрес моего сайта как вот тут: видите в нижнем углу? мне так же нужно.. я честно в нэте искал ничего не нашел... Помогите..
0 votes3 answers -
Режется фон в Опере
Добрый день! Подскажите, возможно кто-нибудь сталкивался с этой проблемой. Перепробовал все что знал - ничего не помогло. Есть веб-сайт veselonasvadbe.ru, решил поменять стандартный фон на картинку: body { background: url('/charcoal.gif'); } В браузерах Mozilla, IE отображается нормально, как и должно быть. А вот с Оперой, какая-то проблема - сайт режется чуть ниже середины страницы. Фон стоит для всего "тела", поэтому странно что режется именно чуть ниже середины страницы. Помогите советом!
0 votes8 answers -
Фиксированный блок "О нас"
Добрый день. Никак не получается сделать неподвижный блок. Примеры: http://startuppoint.ru/ (Слева - обратная связь. Блок полностью неподвижен, не реагирует на scroll) http://vkontakte.ru/ (кнопка "Наверх" - полностью неподвижна относительно экрана) Получается реализовать плавающие блоки методами javascript и jquery: http://darbay.ru/ (слева). В интернете полно примеров плавающих блоков, но нет ни одного примера неподвижного блока. Подскажите, пожалуйста, кто знает, как это реализовать. Спасибо!
0 votes2 answers -
Меню из самоучителя по CSS
Всем привет! Изучаю верстку по самоучителю, все получается кроме парочки моментов, помогите разобраться в чем там ошибка. Момент первый. Картинка 1 Картинка 2 У меня браузер не выравнивает блоки как показано на второй картинке из этой книги. Почему так? Момент второй. Меню сайта. Тоже из этой же книги-самоучителя. Код файла menu.html: <!DOCTYPE html> <html> <head> <title>Fix</title> <meta charset="utf-8"> <link href="menu.css" rel="stylesheet" type="text/css"> <script type="text/javascript"> function HideAll() { document.getElementById("main").style.visibility='hidden' document.getElementById("movie").st…
0 votes4 answers -
Автоматическое позиционирование ячейки при отсутствии места
Здравствуйте! Потребовалось сверстать блок вот такого типа. 1 - плавающий блок с заголовком, неопределенной ширины, растягивается вправо и прижат к аватарке 3. Ширина не ограничена и зависит от того, что в нем написано. 2 - блок с кнопками управления своей учеткой, находится справа от блока 1, прижат к правому краю, НО если из-за длины блока 1 блок 2 не вмещается, он должен переместиться в место под аватаркой, отмеченное красным кругом. 3 - аватарка, у меня она с абсолютным позиционированием, положение блоков относительно ее регулируется пэддингом. Один из ключевых моментов - это резиновый макет, т.е. при увеличивании \ уменьшении окна браузера все должно работать корр…
0 votes3 answers -
Если нет тега <P>
Правильно ли я понимаю, что текст в BODY заданный без тега <P> будет форматироваться как с тегом <P> всё равно? Можно ли опускать тег <P>?
0 votes10 answers -
Как подогнать css под Safari 5 и IE-11
Добрый день. Размещено 2 блока по 3 изображения, отцентрировано flex, по плану при наведении курсора картинка затемняется, сверху появляется описание. Стили работают как задумано только в Chrome и Opera. В Сафари рамка не всплывает, текст не выравнивается. В IE 11 рамка всплывает, текст не выравнивается. Заранее благодарю. <div class="wrapper"> <div class="demo-content"> <div class="part"> <figure class="img-box"> <img alt=img src=https://s3-us-west-2.amazonaws.com/s.cdpn.io/331810/sample54.jpg> <figcaption><section class="imgone">По Вашему желанию электропроводку можно уложить в ПВХ-коро…
0 votes0 answers -
Как убрать границы background
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> <title>Майор Гром</title> </head> <body> <div class="layer"></div> <div> <h1>Бла бла бла</h1> </div> </body> </html> https://imgur.com/a/9w6BqYb Как убрать границы сверху и снизу картинок, только как не пытался, ничего не получается Скрытый текст
0 votes1 answer -
Псевдо...
Всем привет! Подскажите, пожалуйста. Мне нужно через css добраться до стиля тега , размещ?ного внутри таблички с id="footer". Пишу так: p#footer { парам-парам } Не работает. Что я делаю не так? Заранее спасибо.
0 votes2 answers -
Проблема с флоат
Здраствуйте всем. Проблема такова. я хочу чтобы менюшка располагалась прям под шапкой проблема в том что менюшка в ИЕ6 прыгает вниз шапки и не растягивается по процентам прописаным елсли делать всё это дело с овер флоу то шапка становится на место только пол рисунка обрезается и низ рисунка тоже подрезается. подскожите пожалуйста что я делаю не так . как прописать чтобы всё встала на свои места?! заранее благодарен. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Untitled Document</title>…
0 votes1 answer -
Проблема с ИЕ7
Здравствуйте у меня такая проблема, блок опросов отображается нормально во всех браузерах в том числе и в ИЕ7 но при наведении на чекбоксы или лабелы под ними пропадает фон самого блока опросов. Кто сталкивался - подскажите плз как это вылечить, я уже все перепробовал и позишены и !important и т.д.
0 votes11 answers -
Поиск от Гугла
Заделал себе поиск от Гугла, мне дали Ого-гошиньки какой большой код... <div id="cse" style="width: 100%;">Loading</div> <script src="http://www.google.com/jsapi" type="text/javascript"></script> <script type="text/javascript"> google.load('search', '1', {language : 'uk'}); google.setOnLoadCallback(function() { var customSearchControl = new google.search.CustomSearchControl('000087473119021567733:8segnn69kyi'); customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET); customSearchControl.draw('cse'); }, true); </script> <link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css…
0 votes8 answers -
Всплывающее меню
Доброго времени суток! Собственно стоит задача таким образом, у меня есть своего рода блок, наводя на него курсор, производиться замена изображения, а также к этому блоку прикручено UL меню. Меня интересует следующее: Как сделать так, что бы при наведение курсора мыши на всплывающее меню, картинка ":hover" из маин блока не пропадала до тех пор, пока я не уберу курсор за пределы блока и меню ? .pravo { background: url(../images/b1.png); display: block; width: 322px; height: 142px; } .pravo:hover { background: url(../images/pravo.png); } #menu1{ list-style:none; padding:0; margin:0; } #menu1 li{ float:left; position:relative; } #menu1 …
0 votes6 answers