[css] input type=

[Verwijderd]

Hallo,

Ik probeer al een hele tijd het voor elkaar te krijgen om image buttons te definieren met CSS, maar het lukt me maar niet.

Tot nu toe kom ik niet verder dan:

In css:

code:

.knopje 
{ 
  border: 0; 
  background-image: url('http://www.blabla.com/images/ok.gif'); 
  width: 33px; 
  height: 33px; 
}

En dan in html:

code:

<input type="submit" value="" class="knopje" >

Op zich werkt dit wel, maar ik wil graag een 'echte' image button, zodat ik er 'alt' attributes aan kan toewijzen en de muiscursor verandert als iemand over het knopje heen gaat met de cursor, zodat mensen weten dat ze de knopjes kunnen aanklikken

Is dit uberhaupt mogelijk?

[coubertin119]

<input type="image"> anders?

En met cursor:; kan je de cursor veranderen voor dat element.

[Thijsmans]

Ja natuurlijk, maar waarom gebruik je daar CSS voor

Kijk eens naar input type="image" En daar dan een mouseover inzetten die de src van this verandert.

[Verwijderd]

De topic titel is verneukt, die moest zijn: input type="image"

Hoe dan ook, simpel imput type="submit" veranderen in input type="image" heb ik al geprobeerd, maar dan ziet het er ineens totaal anders uit (in ie 5.5).
Er komen o.a. randen om heen

[ Voor 10% gewijzigd door Verwijderd op 07-01-2004 14:08 ]

[André]

[img]"bla.gif"[/img]

[disjfa]

Cascading Stylesheet:

img{border:0px;}

en dan dus de type="image" gebruiken....

[Thijsmans]

sjezus, moet ik het anders even voor je kauwen en terugleggen op je bord

code:

<input type="image" src="img.gif" border="0" alt="[Insert Alt Here]" onmouseover="this.src='img_hover.gif';" onmouseout="this.src='img.gif';" style="cursor: hand; border: 0;" border="0">

offtopic:
FI

[coubertin119]

Oei, er komt zowaar een randje omheen .

Weet je waarvoor CSS dient, om de randjes van je afbeeldinkjes te kunnen regelen .

[Pelle]

Hier staat precies wat jij bedoelt