Bilde istedet for submitknappen

[Azton]

Hei.

 

Har et form med en submitknapp. Jeg vil heller ha et bilde istedet for submit knappen. (f.eks en handlevogn). Hvordan gjør jeg dette?

[Loomy]

<input type="image" src="button.gif" alt="Submit" width="XXX" height="XXX" border="0">

 

De atributtene med rød skrift hører helst hjemme i CSS-filen

Endret 27. juni 2004 av Loomy

[Azton]

Takk, det fungerte greit. Eneste er de koordinatene som kommer i adresselinjen (f.eks: submit.x=23&submit.y=3). Hvordan kan jeg få bort dem?

[Zethyr]

Blir det automatisk en submit-knapp når man har alt-attributten "Submit"??

Man bør vel ha en onClick="Submit()" ? Jeg vet ikke om man å ha adressen til formen foran, men en submit() er vel ganske kjekk.

[haugsand]

Det er bedre å ha et bakgrunnsbilde på input type="submit", enn løsningene nevnt ovenfor.

[Jesper Karsrud]

Man kan vel lage en klasse i CSS som man legger til på submit, kan man ikke?

[pgdx]

Det er bedre å ha et bakgrunnsbilde på input type="submit", enn løsningene nevnt ovenfor.

word!

 

<input type="text" name="username" class="bilde" />

input.bilde {
background-image: url('bilde.png');
}

[Arve Systad]

Takk, det fungerte greit. Eneste er de koordinatene som kommer i adresselinjen (f.eks: submit.x=23&submit.y=3). Hvordan kan jeg få bort dem?

<form method="post">

 

Det i rødt er vel det du skal sette inn i form-elementet ditt

[haugsand]

Litt off topic, men skulle ønske IE støttet attributtselektoren. Sluppet mye markup ved å bare skrive input[type=submit] som selektor i stedet for å angi klasser i uendeligheten.

[Arve Systad]

Litt off topic, men skulle ønske IE støttet attributtselektoren. Sluppet mye markup ved å bare skrive input[type=submit] som selektor i stedet for å angi klasser i uendeligheten.

blir vel som å drømme om at IE7 støtter CSS2 fullt ut ivertfall, sjøl om CSS3 sikkert er tatt i bruk da

 

OT: edit: INNLEGG SEKS TUSEN!

Endret 27. juni 2004 av arve87

[Dorian Gray]

Go Arve, Go Arve, Go Arve

[Azton]

Det er bedre å ha et bakgrunnsbilde på input type="submit", enn løsningene nevnt ovenfor.

Hvordan får man til dette da? Fikk ikke forslaget til Toolshed helt til å fungere.

Dette brukte jeg:

 

HTML:

<form action="form.php" method="post">
 <input type="submit" name="submit" value="submit" class="button">
</form>

 

CSS:

INPUT.bilde
{
 background-image:url('button.jpg');
}

[haugsand]

Azton: I HTML så setter du klassenavnet til button, mens det står bildei CSS.

 

Og forresten, det er lettere bare bruke små bokstaver.

[Azton]

oisann, hadde skrevet feil i innlegget her. Har det rett her i dokumentet. Problemet er at jeg får en hvit submit knapp, istedet for bare et bilde.

Endret 27. juni 2004 av Azton

[Roberto]

OT: edit: INNLEGG SEKS TUSEN!

...og du ble medlem 4 måneder _etter_ meg ...