IE7 immagine background su pulsante Submit.
Von: Julik (julikbox000@provider.com) [Profil]
Datum: 22.05.2008 10:27
Message-ID: <48352e6b$0$41662$4fafbaef@reader4.news.tin.it>
Newsgroup: it.comp.www.html
Datum: 22.05.2008 10:27
Message-ID: <48352e6b$0$41662$4fafbaef@reader4.news.tin.it>
Newsgroup: it.comp.www.html
Un Saluto a Tutti,
Per la prima volta ho voluto inserire in un pulsante di invio Submit
un'immagine di background (un gradiente), per dare un aspetto grafico
diverso dal solito.
Con FireFox il risultato è quello desiderato, ma con IE7 non ho trovato il
modo per far sì che il pulsante mostri il background impostato.
Ho googlato un pò e mi sembra di aver capito che è un problema noto di IE7,
ma non ho trovato una soluzione (o non sono stato in grado di trovarla ...).
La pagina è impostata come XHTML 1.0 Strict e passa la validazione senza
errori.
La porzione di codice HTML ( a cui devo aggiungere il codice javascript di
validazione e-mail del form) è la seguente:
<form action="mailto:miaemail@mioprovider.it?subject=miosito_newsletter"
enctype="text/plain" method="post">
<fieldset>
<input name="miosito" value="newsletter" type="hidden"
/>
<label>Indirizzo e-mail:</label>
<input title="Digitare in questo spazio il vostro indirizzo e-mail."
maxlength="40" size="20" name="email2" />
<input title="Iscrizione alla Newsletter" class="submitnews"
value="Iscrizione OK" name="submit3" type="submit" />
</fieldset>
</form>
La porzione di codice CSS relativa ai Form è la seguente:
fieldset {
border: 0;
}
label {
display: block;
margin-bottom: 4px;
}
input {
font-size: 14px;
display: block;
}
.submitnews {
cursor: pointer;
margin-top: 4px;
padding-left: 5px;
padding-right: 5px;
background-image: url(img/bg_logo.jpg);
background-repeat: repeat-x;
}
Ora le possibili soluzioni che mi vengono in mente sono:
1 - sostituire il pulsante con un immagine grafica specifica come utilizzato
dalla quasi totalità dei siti web, anche se a me piace la forma classica del
pulsante.
2 - creare un link e applicare un immagine di background impostando i bordi
con i CSS e aggiungere l'elemento javascript 'onclick' per riportarmi alla
validazione del form.
Ve ne sono altre?
Grazie in anticipo per un eventuale risposta.
Ciao Julik
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente
[ Auf dieses Posting antworten ]
