El-Clasico
-
Posts
5 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by El-Clasico
-
Внутри <button>неработают события и псевдоклассы
El-Clasico replied to El-Clasico's question in HTML Coding
Не хочу пока вступать в такие глубины, но у меня на странице есть еще кусочек кода подобный тому что я прислал. Там тоже в кнопку, див пощен. (Лишь немного стили отличаются.)Так вот там все работает нормально. Все события, псевдокласы. Прямо мистика какая-то. Я не догадался что все можно сделать проще. -
Внутри <button>неработают события и псевдоклассы
El-Clasico replied to El-Clasico's question in HTML Coding
Спасибо, переделал. Все получилось. а вот это мне не очень подходит. Очень много кнопок динамически создается. В css-файл все не запишешь. а выносить оформление в код, не есть хорошо. -
Внутри <button>неработают события и псевдоклассы
El-Clasico replied to El-Clasico's question in HTML Coding
А если наоборот, в див поместить кнопку, то все работает норм. -
Внутри <button>неработают события и псевдоклассы
El-Clasico replied to El-Clasico's question in HTML Coding
Всмысле? Можно ли помещать див в кнопку? Вроде можно. Мне это нужно чтобы сделать картинку элементом формы. при клике в любой части картинки - отправляются данные. <html> <head> <title>Тест</title> <script src="js/js.js"></script> <style> .inventory{ width: 330px; height: 165px; background-color: #FFCC33; position: absolute; left: 660px; top: 400px; border-style: solid; border-width: 5px; font-size: 0px; } .inventory form{ display: inline-block; } .inventory button{ width: 55px; height: 55px; padding: 0px; border: none; background-color: transparent; } .cell_inventory{ width: 55px; height: 55px; float: left; text-align: center; display: table-cell; vertical-align: middle; } .cell_inventory:hover{ border: 1px solid red; } .cell_inventory img{ height: 55px; } .hidden_tooltip{ visibility: hidden; } </style> </head> <body> <div id='content'> <div class='inventory'> <form method = "POST"> <input type = "hidden" name = "cmd" value = "dress"> <input type = "hidden" name = "type" value = "armor"> <button name = "object" value = "PVXMTHWH"> <div class="cell_inventory" onmousemove="inventory_tooltip(event, this)" onmouseout="hiden_tooltip()"> <img src="image/items/armor4.png"> <div class="hidden_tooltip"> Тултип </div> </button> </form> <form method = "POST"> <input type = "hidden" name = "cmd" value = "dress"> <input type = "hidden" name = "type" value = "boots"> <button name = "object" value = "B3UKAWLK"> <div class="cell_inventory" onmousemove="inventory_tooltip(event, this)" onmouseout="hiden_tooltip()"> <img src="image/items/boots1.png"> <div class="hidden_tooltip"> Тултип </div> </button> </form> <form method = "POST"> <input type = "hidden" name = "cmd" value = "dress"> <input type = "hidden" name = "type" value = "gloves"> <button name = "object" value = "O605DO6R"> <div class="cell_inventory" onmousemove="inventory_tooltip(event, this)" onmouseout="hiden_tooltip()"> <img src="image/items/gloves2.png"> <div class="hidden_tooltip"> Тултип </div> </button> </form> </div> <div id = "tooltip"></div> </body> </html> Кстати в хроме все работает нормально. А в опере нет(В лисе тоже не работает, но мне и ненужно). Код js не выкладываю. Там только alert(1); что бы было видно, работает или нет. В этом примере для вида поставил ховер. Но он в опере не работает. -
Здравствуйте. Есть <div> на котором висит событие. Все прекрасно работает по тех пор пока не помещаю этот <div> в <button>. При этом перестают работать даже псевдоклассы. Банальный :hover не работает. Кто нибудь встречался с таким?