Jump to content
php.lv forumi

input button backgrounds


xfr33

Recommended Posts

А у меня все работает!²

<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.)

Link to comment
Share on other sites

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>

Link to comment
Share on other sites

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 by phpjanis
Link to comment
Share on other sites

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.

Link to comment
Share on other sites

×
×
  • Create New...