Programmazione Web » Html » Usare le immagini nel pulsante di Submit

Usare le immagini nel pulsante di Submit

Difficoltà: Apprendista Scritto da Michele Sassi
Sito Web: http://www.comefaccio.net E-Mail
Questo tutorial è stato letto 1760 volte




Molte volte, in fase di progettazione delle nostre pagine web, non teniamo conto dell'ottimizzazione per tutti i browser...

Oggi vediamo come risolvere un piccolo "errore" che commettiamo durante la progettazione dei moduli.

Innanzitutto dobbiamo tener conto che un campo di testo a cui diamo l'attributo size="20" potrà vedersi a dimensioni diverse su browser diversi... stesso discorso vale per i pulsanti!

Come ovviare a questo problema? Sostituiamo il normale pulsante con una immagine (campo immagine), la cui grandezza non varierà indipendentemente dal browser utilizzato!

Il codice da utilizzare è questo:

<input name="button" type="image" id="button" src="bottone.gif" alt="Vai!" border="0">

Problema risolto! ;-)

Aggiungi questo tutorial ai preferiti! Aggiungi questo tutorial ai preferiti


SEGNALA QUESTA RISORSA AD UN AMICO
Tuo nome
Tua mail
Nome amico
Mail tuo amico
Google
AREA UTENTI
E-MAIL PASSW
Perso la password?
I TUTORIAL PIU' LETTI
GIF ANIMATE
Script Gratis!
Spot

Sito Service
Tutorial per realizzare un sito web partendo da zero e script Asp per Aruba Server.

Tutorials & scripts
Articoli su HTML, CSS, PHP, ASP, Javascript, MySQL a cura di AG web solutions!

Guida Prestiti e Carte di credito
Giochi flash free
Giochi gratis online
Ricette di cucina gratis
Migliori torrent italiani
Notizie Dieta e Diete Alimentari

Cerca con Google