Aleksejs Posted August 27, 2008 Report Posted August 27, 2008 А у меня все работает!² <html> <head> <style> button {background-image : url('loading.gif');} button:hover {background-image : url("close.gif");} </style> </head> <body><button type="submit">Teksts</button> </body> </html> ___ 2 - Bet man viss strādā (krievu val.)
xfr33 Posted August 27, 2008 Author Report Posted August 27, 2008 aleksej, es kkur netā tgd atbildi meklējot izlasīju ka šis te bez javascript izmantošanas ir iespējams tikai uz firefox. Tā gadījumā nevarētu būt?
xfr33 Posted August 27, 2008 Author Report Posted August 27, 2008 internetā atradu kādu ļevo variantu, kas vismaz iet, bet nezinu cik tas teorētiski pareizs :) <!doctype html public "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> <head> <meta http-equiv="content-type" content="application/xhtml+xml; charset=iso-8859-1" /> <title> bouton image </title> <style type="text/css" title=""> <!-- a.boutonImageA { background-image:url(square.jpg); background-position:0 0; background-repeat:no-repeat; width:300px; height:163px; padding:15px 0; border:0; text-decoration:none; } a.boutonImageA:hover { background-image:url(poga.png); } .button { width:671px; height:163px; font-size:1px; background-color:transparent; border:0; padding:14px 0; } --> </style> </head> <body> <form action="http://www.delfi.lv" method:"post"> <a href="#" class="boutonImageA"><input type="submit" class="button" value="ok" /></a> </form> </body> </html>
Aleksejs Posted August 27, 2008 Report Posted August 27, 2008 hmm... Jā, tikko atvēru uz IE - nerāda. Varbūt, ka ir kā saki, bet varbūt jāpielieto kāds CSS hacks.
werd Posted August 27, 2008 Report Posted August 27, 2008 (edited) Ja tev ir forma ar diviem <button>Poga</button> elementiem, tad jā, vajag JavaScript, bet ja tev formā ir tikai viens <button> tad pieliec type="submit" vai type="button" un strādās arī IE pārlūkos! Bet vispār nesaprotu, kā tik mazu problēmu var izvērst tik garā topicā, vnk <button><img src="delete.gif"/> Dzēst</button> Edited August 27, 2008 by phpjanis
xfr33 Posted August 27, 2008 Author Report Posted August 27, 2008 phpjāni nu izmēģināšu :) man patīk parunāties ar cilvēkiem! :D
xfr33 Posted August 27, 2008 Author Report Posted August 27, 2008 ok, viss ir sataisits ar javascriptu :) paldies ka centies palīdzēt :)
Maris-S Posted August 28, 2008 Report Posted August 28, 2008 Pseidotags hover patiešām nestrādās uz IE, no laika gala nav strādājis, kaut gan par 7. versiju neesmu pārliecināts. Šis pseidotags IE darbojas tikai uz <a> tagu, tāpēc visur citur ja vajag hover efektu iegūt ir jāizmanto javascripts. Tomēr pogām ir variants izmantot arī citu iespēju, proti izmantot tos pašus <a>, css vērtībai display piešķirot 'block', protams tad arī garumi, platumi, margini utt. jāpiešķir atbilstoši.
Recommended Posts