W wally_91 Medlem sedan feb. 2006 511 inlägg Frågan 3 feb. 2007 21:32 #1 Hej alla!
Vet någon om man kan göra så här:
test.php
<input id='#inputbild' type='submit' value='Lägg till nyhet' />
style.css
#inputbild:hover {
background: url("bilder.awardspace.co.uk/images/ok-default.png"}
#inputbild {
background: url("bilder.awardspace.co.uk/images/ok.png"}
Om inte kom gärna med förslag vad som kan göras.
Så här fungerar det,
input {background-color: #ffe3e3}
men inte som #inputbild
Tack för alla förslag!
//wally_91
oskars Medlem sedan nov. 2005 1 317 inlägg Testa detta:
#inputbild:hover {
background-image:url("bilder.awardspace.co.uk/images/ok-default.png");
}
#inputbild {
background-image:url("bilder.awardspace.co.uk/images/ok.png");
}
W wally_91 Medlem sedan feb. 2006 511 inlägg oskars: Bytte det men min fråga är om jag kan ha
<input id='#inputbild' type='submit' value='Lägg till nyhet' /> ?
Vill nämligen ha så att en submit knapp har en bild och sedan vid onmouseover kommer en ny bild upp.
oskars Medlem sedan nov. 2005 1 317 inlägg jaha, nä det är nog inte möjligt (i alla fall inte med CSS, vad jag vet. Men det kanske går med javascript?). Använd istället en ul-meny:http://css.maxdesign.com.au/listamatic/horizontal02.htm
Gör om den så som du vill ha den med din bakgrund... och använd javascript för att göra så att knappen blir en submit-knapp!
Så här gör du en submit-knapp av en text-länk:http://webdevelopment.developersnetwork.com/Articles.asp?Article=47
Z zcorpan Medlem sedan dec. 2004 2 245 inlägg Borde vara id="inputbild", inte id="#inputbild".
Förutom det och att det saknades ) i dina url() så borde det fungarea bra.
Notera dock att IE6 bara har stöd för :hover på länkar.
W wally_91 Medlem sedan feb. 2006 511 inlägg
zcorpan skrev:
Borde vara id="inputbild", inte id="#inputbild".
Förutom det och att det saknades ) i dina url() så borde det fungarea bra.
Notera dock att IE6 bara har stöd för :hover på länkar.
Jag har ) i mina url men jag kortade ner min kod för att det skulle se bättre ut och inte lika mycket skit kod för er att gå igenom. Jag löste det dock med ett javascript från jojoxx.net .
