Custom registrasjonsknapp

[Alekplay]

Hei!

 

Jeg holder på med en nettside som trenger en registrasjonsknapp (for å kunne...vel...registrere seg)

 

Ettersom jeg ikke vet hvordan jeg "designer" en knapp i dreamweaver og de fleste nettlesere uheldigvis ikke støtter den "main" skrifttypen jeg har falt for, har jeg laget et bilde i photoshop som skal være min knapp.

 

Problemet er derimot at når jeg setter dette bildet på knappen min, så får jeg liksom bildet "oppå" det som er standardknapp i f.eks. firefox osv.

Det er nok vanskelig å skjønne bare etter å ha lest beskrivelsen, så jeg sender med et bilde:

 

 

Ser du at bildet (jeg skal kun ha det blå) blir lagt som "et bilde" over knappen? Det er liksom problemet.

 

Her er den uhyre avanserte koden

 

<td align=left><button type="submit" name="register" ><img src="registerbutton.gif" width="87" height="25" /></button></td>

 

Jeg vet ikke om jeg kanskje skal bruke <input type="submit"> istedenfor <button type=submit">? Uansett, hva ville vært det beste for å løse problemet mitt?

 

Takker for alle svar!

 

Hilsen Aleksander

[agm]

Det er flere måter å løse det på, men button er ikke en av dem

 

Prøv:

<input type="image" alt="Register" src="registerbutton.gif" />

[Wattengård]

http://blog.lexity.com/blog/2011/6/18/input-typeimage-considered-harmful.html

[Mr.Postman]

Hei!

 

Jeg holder på med en nettside som trenger en registrasjonsknapp (for å kunne...vel...registrere seg)

 

Ettersom jeg ikke vet hvordan jeg "designer" en knapp i dreamweaver og de fleste nettlesere uheldigvis ikke støtter den "main" skrifttypen jeg har falt for, har jeg laget et bilde i photoshop som skal være min knapp.

 

Problemet er derimot at når jeg setter dette bildet på knappen min, så får jeg liksom bildet "oppå" det som er standardknapp i f.eks. firefox osv.

Det er nok vanskelig å skjønne bare etter å ha lest beskrivelsen, så jeg sender med et bilde:

 

 

Ser du at bildet (jeg skal kun ha det blå) blir lagt som "et bilde" over knappen? Det er liksom problemet.

 

Her er den uhyre avanserte koden

 

&--#60;td align=left&--#62;&--#60;button type="submit" name="register" &--#62;&--#60;img src="registerbutton.gif" width="87" height="25" /&--#62;&--#60;/button&--#62;&--#60;/td&--#62;

 

Jeg vet ikke om jeg kanskje skal bruke &--#60;input type="submit"&--#62; istedenfor &--#60;button type=submit"&--#62;? Uansett, hva ville vært det beste for å løse problemet mitt?

 

Takker for alle svar!

 

Hilsen Aleksander

 

Forstår jeg deg rett så vil du ikke ha standardknappen der, men bare bilde? legg litt CSS til, så ordner det seg

 

&--#60;td align=left&--#62;&--#60;button type="submit" name="register" class="regButton /&--#62;

 

.regButton{
 background: url ('/image/button.png') no-repeat;
 cursor:pointer;
 }

Endret 16. juli 2012 av Mr.Postman