HTML Coding

29542 questions in this forum

1. Как добавить canvas картинке событие onclick?

   Нарисовал кнопку в фотошопе, добавил в canvas, теперь незнаю как добавить на картинку событие onclick, через тэг <img> неподойдет...

   Asked by GrizzzlyGames, October 12, 2015

   • canvas
   • onclick
   • image
   • html5
   0 votes
   1 answer
2. Не понимаю как сделать подскажите пожалуйста

   Здраствуйте всем, подскажите пожалуйста не могу понять как сделать, есть формы ввода 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…

   Asked by voskresnayakoza, January 16, 2016

   • input
   0 votes
   5 answers
3. SVG

   Решил использовать графику svg и все хорошо работает. Но вот ситуация если браузер свернуть в окно (то есть сделать размер меньше) svg естественно примет нужный размер, но если потом развернуть браузер svg останется с последним размером и это выглядеть ужасно. Может при экспорте в svg есть какие то настройки нужно проставлять. Или как то вставлять по особому.

   Asked by sergei_burg, March 2, 2016

   • svg
   0 votes
   4 answers
4. Можно ли с помощью <article> разрывать другие парные тэги

   Добрый день! Хочу внедрить на сайт HTML 5 тэги. Вопрос: можно ли этим тэгам так разрывать div'ы <article> <h1> Моя статья </h1> <div class="content"> <p>Текст статьи</p> </article> <div class="reviews"> </div> </div>

   Asked by smirn0ff, February 27, 2017

   0 votes
   4 answers
5. Помогите определиться с CMS для интернет-магазина.

   Всем добрый день! У меня есть небольшой интернет-магазин, товаров всего до 60 штук. Корзины нет, дизайн обычный. Понимаю, что любая CMS - это большой объем не нужной информации, т.к. мне не нужна регистрация клиентов (сам такие магазины обхожу стороной), хотя у меня есть постоянные клиенты. Мне не нужны платежные системы и оформление доставки и т.д. В общем, мне нужна только полноценная корзина с отправкой заказа, никаких админок с корректировками заказов и тд. Шаблонов бесплатных на HTML миллионы, с ними я немного разбираюсь, с CSS с горем пополам методом тыка тоже разберусь (или с помощью форума). Без проблем могу купить готовый шаблон на OpenC…

   Asked by Vic-Tor, October 24, 2017

   • cms
   • интернет-магазин
   0 votes
   2 answers
6. Изменение баннера при рефреше страницы

   Можете подсказать можно ли реализовать следующие фичи посредством HTML (XHTML, PHP, JS), а если можно, то как именно (без фреймов)? 1. - Нужно, чтобы при рефреше страницы менялся основной баннер. 2. - При нажатии на определенный линк менялся основной баннер на определенную картинку только после нажатия на определенный линк (к примеру - 10 линков - 10 определенных картинок для основного баннера). 3. - При загрузке линки показывался определенный сплэш. Заранее спаибо за помощь

   Asked by DImaN, May 12, 2008

   0 votes
   1 answer
7. Валидация - не могу понять причины ошибки...

   Есть у меня личный сайт (некоммерческий, пожтому могу дать ссылку - www.pitercult.ru Проверяю его валидатором. 5 ошибок. причем, 4 из них - в одном URL. не могу понять, что за ерунда, - нормальный, ничем не примечательный URL... если к-л возможность избежать появления ошибок валидации, кроме отказа от ссылки?

   Asked by nicothin, June 20, 2008

   0 votes
   2 answers
8. css transform

   Кто как поворачивает блоки\картинки\текст? кроссбраузерно например как сделать вот так: чтобы можно было повернуть блок, а вместе с ним и картинку и текст, если он будет под картинкой. Как это можно реализовать? Может где то видели такое. Или существуют скрипты... Сам пока вижу решение поворачивать картинку как тут: http://romka.eu/blog/jquery-image-rotate а уже поверх текст накладывать и текст поворачивать как тут: http://habrahabr.ru/blogs/javascript/86952/ Хотя последнее вроде бы и картинку и текст разом повернуть сможет. Кто еще что подсказать может?

   Asked by npofopr, April 27, 2010

   0 votes
   0 answers
9. Имитация заполненного бланка

   Нужно с помощью HTML сымитировать заполненный бланк, в котором есть длинная-длинная подчёркнутая графа, простирающаяся на несколько строчек. Нужно, чтобы текст содержимого плавно перетекал на следующую подчёркнутую строчку. Нравится оформление нижним бордюром ячейки, только при переносе строки раздвигается первая ячейка. Подчёркивание текста это хорошо, но не дотягивает до правой границы листа. Разбиение же фразы по размеру строчек - корявое решение, потому что приходится угадывать ширину.

   Asked by Webr, June 21, 2010

   0 votes
   4 answers
10. 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…

    Asked by mrpit, September 2, 2010

    0 votes
    9 answers
11. Относительные величины line-height

    Если задавать line-height в процентах или em, относительно чего эта величина будет считаться (относительна размера шрифта или размера line-height, определённого в родительском элементе)?

    Asked by clavin, October 19, 2010

    0 votes
    3 answers
12. Фреймы?

    Начал изучать html и много слышал о том, что фреймы это пережитки прошлого, собственно отсюда и вопрос: стоит ли изучать эту область html или всё это реализуемо с помощью сторонних методов (например посредством - css)?

    Asked by Lemo, March 4, 2011

    0 votes
    7 answers
13. автодобавление ссылки cайта на картинки

    помогите пожалуйста! строю свой сайт на Ucoz. Вот он . Мне нужно сделать так чтобы на каждуюю загружаемую картинку на сайт налогался бы адрес моего сайта как вот тут: видите в нижнем углу? мне так же нужно.. я честно в нэте искал ничего не нашел... Помогите..

    Asked by digo112, July 16, 2011

    0 votes
    3 answers
14. Режется фон в Опере

    Добрый день! Подскажите, возможно кто-нибудь сталкивался с этой проблемой. Перепробовал все что знал - ничего не помогло. Есть веб-сайт veselonasvadbe.ru, решил поменять стандартный фон на картинку: body { background: url('/charcoal.gif'); } В браузерах Mozilla, IE отображается нормально, как и должно быть. А вот с Оперой, какая-то проблема - сайт режется чуть ниже середины страницы. Фон стоит для всего "тела", поэтому странно что режется именно чуть ниже середины страницы. Помогите советом!

    Asked by vlanelot, October 13, 2011

    0 votes
    8 answers
15. Фиксированный блок "О нас"

    Добрый день. Никак не получается сделать неподвижный блок. Примеры: http://startuppoint.ru/ (Слева - обратная связь. Блок полностью неподвижен, не реагирует на scroll) http://vkontakte.ru/ (кнопка "Наверх" - полностью неподвижна относительно экрана) Получается реализовать плавающие блоки методами javascript и jquery: http://darbay.ru/ (слева). В интернете полно примеров плавающих блоков, но нет ни одного примера неподвижного блока. Подскажите, пожалуйста, кто знает, как это реализовать. Спасибо!

    Asked by ik.pr, December 13, 2011

    0 votes
    2 answers
16. Меню из самоучителя по 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…

    Asked by volksmarine, December 25, 2012

    0 votes
    4 answers
17. Автоматическое позиционирование ячейки при отсутствии места

    Здравствуйте! Потребовалось сверстать блок вот такого типа. 1 - плавающий блок с заголовком, неопределенной ширины, растягивается вправо и прижат к аватарке 3. Ширина не ограничена и зависит от того, что в нем написано. 2 - блок с кнопками управления своей учеткой, находится справа от блока 1, прижат к правому краю, НО если из-за длины блока 1 блок 2 не вмещается, он должен переместиться в место под аватаркой, отмеченное красным кругом. 3 - аватарка, у меня она с абсолютным позиционированием, положение блоков относительно ее регулируется пэддингом. Один из ключевых моментов - это резиновый макет, т.е. при увеличивании \ уменьшении окна браузера все должно работать корр…

    Asked by Heian9, May 30, 2014

    • div
    • резиновая верстка
    • адаптивность
    • верстка divами
    • проблема
    0 votes
    3 answers
18. Если нет тега <P>

    Правильно ли я понимаю, что текст в BODY заданный без тега <P> будет форматироваться как с тегом <P> всё равно? Можно ли опускать тег <P>?

    Asked by кэп, October 22, 2014

    0 votes
    10 answers
19. Как подогнать 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">По Вашему желанию электропроводку можно уложить в ПВХ-коро…

    Asked by Xandr555, July 26, 2020

    • flex
    • opacity
    • :after
    • :hover
    • transform
    • transition
    • border-box
    0 votes
    0 answers
20. Как убрать границы 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 Как убрать границы сверху и снизу картинок, только как не пытался, ничего не получается Скрытый текст

    Asked by EnotWorld, October 8, 2021

    0 votes
    1 answer
21. Псевдо...

    Всем привет! Подскажите, пожалуйста. Мне нужно через css добраться до стиля тега , размещ?ного внутри таблички с id="footer". Пишу так: p#footer { парам-парам } Не работает. Что я делаю не так? Заранее спасибо.

    Asked by Zevgma, December 30, 2007

    0 votes
    2 answers
22. Проблема с флоат

    Здраствуйте всем. Проблема такова. я хочу чтобы менюшка располагалась прям под шапкой проблема в том что менюшка в ИЕ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&gt…

    Asked by ar130405, March 30, 2009

    0 votes
    1 answer
23. Проблема с ИЕ7

    Здравствуйте у меня такая проблема, блок опросов отображается нормально во всех браузерах в том числе и в ИЕ7 но при наведении на чекбоксы или лабелы под ними пропадает фон самого блока опросов. Кто сталкивался - подскажите плз как это вылечить, я уже все перепробовал и позишены и !important и т.д.

    Asked by pro100set, December 3, 2010

    0 votes
    11 answers
24. Поиск от Гугла

    Заделал себе поиск от Гугла, мне дали Ого-гошиньки какой большой код... <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…

    Asked by chest, February 26, 2011

    0 votes
    8 answers
25. Всплывающее меню

    Доброго времени суток! Собственно стоит задача таким образом, у меня есть своего рода блок, наводя на него курсор, производиться замена изображения, а также к этому блоку прикручено 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 …

    Asked by oscora, December 23, 2011

    0 votes
    6 answers