stilizzare un pulsante tipo input type con css

[SolidSnake4]

Salve a tutti allora, volevo sapere come mai se ad esempio ad un pulsante creato tramite il tag input a cui assegno una classe di stile creata con css su firefox si vede come assegnato dalla classe, mentre su ie6 si vede senza stilizzazione diciamo. Dipende sempre dal problema della compatibilità con i browser oppure si può fare in altro modo ?

 

[PoLe]

Ciao IE6 non ha nessun problema nell'applicare una classe ad un <input> submit, posta il codice del bottone e della classe nel CSS, così diamo un'occhiata.

 

[SolidSnake4]

ecco qui la classe css del pulsante:

.plscerca {
float : left;
width: 40px;
font-weight : bold;
font-size : 0.9em;
text-align : center;
margin-top : -11px;
margin-left : 4px;
border-top : 1px solid #820101;
border-right : 1px solid #820101;
border-left : 1px solid #820101;
border-bottom : 1px solid #820101;
}

il problema è che in firefox lo visualizza con i margini solo di quel colore mentre su ie6/7 li mostra anche del nero tra i margini non so se ho reso l'idea

 

[PoLe]

...il problema è che in firefox lo visualizza con i margini solo di quel colore mentre su ie6/7 li mostra anche del nero tra i margini non so se ho reso l'idea

SE ho capito ciò che intendi, è normale. IE ti mostra i bordi del bottone in nero per indicarti che stai lavorando sul form cui fa riferimento quel bottone, e che quest'ultimo è attivo. Se provi a cliccare in un altro punto qualsiasi della pagina al di fuori del form, vedrai che il bottone apparirà senza bordi neri.

 

[SolidSnake4]

non credo perchè rimangono sempre solo se metto il campo style e scrivo bnorder=0 ie non mi mostra i margini ma solo lo sfondo, ora volevo sapere ma è possibile mettere una immagine per un pulsante tra i tag input ?

 

[PoLe]

...ora volevo sapere ma è possibile mettere una immagine per un pulsante tra i tag input ?

Se vuoi utilizzare una immagine come submit basta che usi questo:

<input name="invia" type="[B]image[/B]" src="nome_immagine.jpg" alt="" title="Spedisci" />

Altrimenti, per inserire una immagine all'interno di un bottone vero e proprio:

<button name="clicca" onclick="alert('Hello, World!');">Clicca qui <img src='immagine.jpg' alt='' /></button>

vedi: http://tag.mrwebmaster.it/m3c0t99/html/button.htm

:byebye:

 

[SolidSnake4]

quale tag mi consigli di usare ?

 

[lukeonweb]

Io direi <input> ma allo scopo puoi anche usare un <img> tradizionale impostando nel <form>

<form name="modulo" onsubmit="Invia()">

La funzione Javascript Invia() sarà:

function Invia()
{
document.modulo.method = "post";
document.modulo.action = "esegui.asp";
document.modulo.submit();
}

Ciao!

 

[PoLe]

Concordo con Luca

 

[SolidSnake4]

ok ora provo con tutti e due i metodi :fonzie:

 

[lukeonweb]

Sono 3 i metodi