HTML Coding

29,542 questions in this forum

1. всплывающая подсказка title и ее стилизация

   Всем привет. Возник вопрос: как к всплывающей подсказке добавить стилей css(изменить ширину, цвет текста и т.д.) и вообще возможно ли это?

   Asked by кирюха=), June 16, 2012

   0 votes
   2 answers
2. всплывающая подсказка в HTML (addthis код)

   в следуйщем коде при наведении на иконку показывается стандартный текст сервиса addthis. что нужно дописать чтоб можно было по русски ввести нужные подсказки ? <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_vk"></a> <a class="addthis_button_facebook"></a> <a class="addthis_button_twitter"></a> <a class="addthis_button_odnoklassniki_ru"></a> <a class="addthis_button_compact"></a> </div> <script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script> <script type="text/javascript" src="http:…

   Asked by wernbloom@ukr.net, June 30, 2011

   0 votes
   3 answers
3. Всплывающая подсказка выходит за пределы экрана

   Имеется стилизованная кнопка со встроенной в неё всплывающей подсказкой : http://codepen.io/Kristinita/pen/EKxZQO . Как видно, всплывающая подсказка выходит за верхнюю границу экрана, а на экранах c другим разрешением ещё и за правую. Что нужно сделать, чтобы она оставалась в рамках экрана, желательно без полос прокрутки? Спасибо.

   Asked by Саша Черных, February 29, 2016

   • data-title
   0 votes
   2 answers
4. Всплывающая подсказка для сенсорных экранов

   Скажите пожалуйста, как можно реализовать всплывающую подсказку для смартфонов и планшетов. Например, что бы при касании картинки всплывало текстовое сообщение, и не пропадало пока не нажмешь в другом месте или не прокрутишь страничку вниз/вверх. Обычный <a title="text"> не работает, при клике картинка только рамочкой вокруг выделяется а сообщения нет.

   Asked by alleclf, June 3, 2015

   0 votes
   2 answers
5. Всплывающая подсказка к ссылке (с произвольными свойствами)

   Всем привет Помогите пожалуйста решить проблему с созданием всплывающей подсказки для ссылки. ВП эта должна быть нужного мне размера, цвета, определенного позиционирования (то есть где будет «всплывать» - над, под ссылкой, справа или слева) + текст в ней тоже должен свободно форматироваться ( цвет, тип шрифта, возможно скриншот) простенький title. <a href="https://yadi.sk/d/9ZvR5g1XagZGJ" title="Сохранить файл"><span style="font-size:19px;background-color:black;color:white;">«Я умею прыгать через лужи»</span></a>не годится стало быть Хоть и работает тег-то Однако попытки (а их было МНОГо) использовать css ни к чем путному привели . Нужный м…

   Asked by BituM, September 10, 2014

   0 votes
   24 answers
6. Всплывающая подсказка над input полем

   Есть такой вопрос: а как возможно сделать всплывающую подсказку над полем ввода(текстовым) на css,когда наступает событие onFocus ну т.е. типо такого,только чтобы это подсказка не раздвигала другие элементы когда делаешь display:block : <style> .class1{ display:none; position:relative; } .class2{ position:relative; display:block; } <center><form method="post" action=""> <div class="class1" id="tips">Это подсказка для поля</div> <input id="myfield" onFocus="document.all['tips'].className='class2';" type="text" /><br/> <div class="class1" id="tips1">Это подсказка для поля</div> <input i…

   Asked by Александр_1989, October 25, 2009

   0 votes
   1 answer
7. Всплывающая подсказка не работает в ИЕ6

   Собственно проблема понятная, код тоже прост. Дело в том, что в ИЕ6 не работает всплывающая подсказка, а точнее при наведении на синий блок, который является ссылкой, её span (который является всплывающей подсказкой), не появляется. Вопрос: Почему не работает в ИЕ6??? http://psywalker.ru/Forum/VsplivPodskazka/main.html

   Asked by psywalker, August 6, 2009

   0 votes
   14 answers
8. Всплывающая подсказка не умещается в блоке

   Пациент: http://demo.imatte.us/fomru/messages.html Проблема: Как пофиксить?

   Asked by posthack, September 18, 2014

   0 votes
   2 answers
9. Всплывающая ссылка в списке

   Господа ученые , подскажите пожалуйста как мне сделать чтобы при наведении мышкой на ссылку, открывалась "подссылка"? В инете порылся, не получается воспользоваться той информацией, которую нашел... <ul> <li><a href="#">Наружная реклама</a></li> <ul class="submenu_sidebar"> <li><a href="#">Вывески</a></li> <li><a href="#">Билборды</a></li> <li><a href="#">Баннеры</a></li> <li><a href="#">Светодиодный экран</a></li> <li><a href="#">Реклама на/в транспорте</a></li> <li><a href="#"&g…

   Asked by Imperil, January 11, 2012

   0 votes
   4 answers
10. Всплывающая страница заданной ширины

    Добрый день! Продолжаю осваивать предмет. Ковыряю бесплатный шаблон. По задумке при клике на картинку открывается новая страница во всплывающем окне типа лайтбокса. Не пойму как задать ей ширину и центровку. Просто через width - не вариант. Прошу помощи. http://good-project.ru/test4/- первая картинка. Заранее спасибо!

    Asked by dron, December 26, 2015

    0 votes
    8 answers
11. Всплывающая таблица

    Как можно реализовать всплывающую таблицу при наведении на что-л.?

    Asked by Kenshi45, February 7, 2009

    0 votes
    9 answers
12. Всплывающее изображение при наведении

    Есть HTML список. Хочу сделать так, чтобы при наведении на пункт всплывало соответствующее изображение заданных размеров. Из обязательных условий - чтобы изображение перемещалось вместе с курсором мыши. Гуглил, но все что удалось нагуглить - это изображение, которое появляется в определенном месте, а не "бегает" приклеенным к курсору. Может кто-нибудь сталкивался, дайте ссылку на реализацию подобной фичи.

    Asked by xSPiRiTx, May 29, 2019

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

    У меня вопрос про меню. Помогите, люди добрые. Как это горизонтальное всплывающее меню сделать шестиуровневым? Друг попросил, а я не умею. <HTML> <head> <title>hover</title> <style type="text/css"> UL {width:800px; list-style:none; margin:0; padding:0; font-family:Arial,sans-serif; font-size:10pt;} UL li {position:relative;display:inline-block;} li UL {position:absolute; display:none; top:20; left:0px; z-index:1;} li A {display:block; width:100%; padding:5px; text-decoration:none; color:#666; border:1px solid #ccc; background-color:#f0f0f0; border-bottom: none;} li A:hover {color:#ffe; background-color:#5488a…

    Asked by slava03, May 13, 2011

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

    Здравствуйте. Недавно начал осваивать верстку. Сейчас делаю первый макет и столкнулся с проблемной. Не могу сделать горизонтальное всплывающее меню. HTML <!DOCTYPE html> <head> <meta charset="utf-8" > <title>TeaM GreeD</title> <link href="css/common.css" rel="stylesheet" type="text/css"> <!--[if IE]> <link href="ie.css" rel="stylesheet" type="text/css"> <![endif]--> </head> <body> <div id="container"> <!--Регулирует размеры по ширине!--> <div id="header"> <ul id="menu"> <li><a href="#"><span>Главная</span></a></li> <li…

    Asked by WHITEMAN23, August 17, 2011

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

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

    Есть вот такое меню <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Untitled Document</title> <meta http-equiv="content-type" content="text/html; charset=windows-1251"> <meta http-equiv="content-language" content="uk"> <link href="css/menu1.css" rel="stylesheet" type="text/css" /> <script language="JavaScript" type="text/JavaScript"> <!--startList = function() { if (document.all&&document.getElementById) { navRoot = document.getElementById("nav"); for (i=0; i<navRoot.childNodes.length; i++) { node = navRoot.chil…

    Asked by chest, July 25, 2012

    0 votes
    0 answers
17. всплывающее меню css

    Есть проблема с меню из нета. Когда я его делаю в таблице, то в IE верхнее sub меню перекрывает нижняя меню. Т.е. когда разкрывается меню первой строки таблицы оно не полностью видно! Я установил у меню второго уровня z-index в 10, все равно не работает. Хотя в Opere все нормально.. Как решать эту проблему? IE не понимает z-index? <html> <style type=text/css> body { font: normal 11px verdana; } ul { margin: 0; padding: 0; list-style: none; width: 150px; /* Width of Menu Items */ border-bottom: 1px solid #ccc; } ul li ul li{ position: relative; z-index=10; } ul li{ position: relative; } li ul { position: a…

    Asked by myth, March 14, 2009

    0 votes
    2 answers
18. Всплывающее меню без использования js

    ??<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> <meta name="description" content="" /> <meta name="keywords" content="" /> <style type="text/css"> .tt span { display : none; padding : 2px 3px; margin-left : 8px; } .tt:hover span { background:#fafafa; border:1px solid #7d8891; color:#000; display : inline; position : absolute; padding:1px 3px 1px 3px; font-siz…

    Asked by emperio, July 22, 2012

    0 votes
    1 answer
19. Всплывающее меню при наведении

    Как сделать такое меню http://ria.ru/ . на css такое возможно?

    Asked by daggi, February 13, 2014

    0 votes
    7 answers
20. Всплывающее окно

    есть сайт http://www.wildberries.ru/catalog/120/men.aspx если нажать на любую фоту одежды откроется всплывающее окно (как я понимаю это ява скрипт): Два вопроса: 1) индексируются ли такие страницы поисковиками 2) как такую красоту сделать? пожалуйста подскажите

    Asked by sol, May 22, 2009

    0 votes
    7 answers
21. Всплывающее окно

    Здравствуйте, Подскажите пожалуйста как сделать всплывающее окно средствами html, чтобы оно было без адресной строки и заданного размера. Спасибо.

    Asked by skv_79, May 29, 2009

    0 votes
    4 answers
22. Всплывающее окно

    Имеется вот такая штука: Как ее грамотно заверстать? На ум приходит только либо таблца 3х3, или же дивами (там из тоже будет много). Расскажите, кто как делает подобные вещи? P.S. Также нужно отметить, что окно должно тянуться как по горизонтали, так и во вертикали. Тень и углы - естественно полупрозрачные. Спасибо за любую инфу...

    Asked by DjTarik, October 28, 2009

    0 votes
    66 answers
23. Всплывающее окно

    Есть вот такая часть страницы: <script type="text/javascript"> function ShowPopup(id) { document.getElementById('popupIframe').src = '...someurl...'; document.getElementById('popupIframeContainer').style.display = 'block'; } function HidePopup() { document.getElementById('popupIframe').src = null; document.getElementById('popupIframeContainer').style.display = 'none'; } </script> <div id="popupIframeContainer" style="position: fixed; display: none; border: thin solid black; left: 20px; top: 20px; background-color: White"> <input type="button" value="X" onclick="HidePopup()"/> <iframe id="popupIframe"> </iframe> </d…

    Asked by Sikor, August 19, 2011

    0 votes
    2 answers
24. всплывающее окно

    Есть ли javascript или варианты с фреймами для создания всплывающего окошка при нажатии на ссылку в одном и том же окне? Как на сайте http://lowenbrau.ru/?

    Asked by laird, October 29, 2011

    0 votes
    5 answers
25. Всплывающее окно

    Есть такая штука <form name="vklogin" method="post" action="<?php echo JRoute::_( 'index.php?option=com_vklogin'); ?>"> ... </form> Открывается в этом же окне с полным оформлением страницы. Но надо чтоб открывалось во всплывающем окне и только формы заполнения. Как это сделать?

    Asked by goodsik, August 6, 2013

    0 votes
    1 answer