stilizzare un pulsante tipo input type con css

SolidSnake4

Utente Attivo
23 Ott 2007
505
0
0
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 ?
 

SolidSnake4

Utente Attivo
23 Ott 2007
505
0
0
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

MRW Moderator
6 Giu 2005
2.210
3
0
38
.: Venezia :.
www.bzconsulting.it
...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

Utente Attivo
23 Ott 2007
505
0
0
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

MRW Moderator
6 Giu 2005
2.210
3
0
38
.: Venezia :.
www.bzconsulting.it
...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:
Codice:
<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:
Codice:
<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:
 

lukeonweb

Utente Attivo
5 Mar 2003
5.176
10
38
43
Napoli
www.lucaruggiero.it
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!
 
Discussioni simili
Autore Titolo Forum Risposte Data
M stilizzare il campo input file jQuery 1
novello88 DIV style - stilizzare un div contenitore HTML e CSS 2
N stilizzare campo input type file HTML e CSS 1
SolidSnake4 stilizzare cursore mouse per sito web HTML e CSS 2
borgo italia stilizzare una fotogallery con i css HTML e CSS 7
J disabilitare pulsante Java 4
A pulsante di update campo mysql con javascript Javascript 2
D Pulsante aggiungi al carrello nello slider prodotti in offerta WordPress 4
F Passare variabile a pulsante in finestra modale PHP 2
D un pulsante salva per ogni ID jQuery 10
S spostare il pulsante menu dropdown HTML e CSS 8
A Come creare pulsante donazione PayPal HTML e CSS 5
Cosina Aggiungere pulsante pause/play a slideshow Javascript 0
M [MS Access] Pulsante su maschera che esegue azioni su altra maschera MS Access 3
M [PHP] [HTML] Centrare in verticale un pulsante in una tabella PHP 3
S [Javascript] click su pulsante Javascript 1
A [MS Access] Pulsante per inserire allegati in campo maschera MS Access 0
M [MS Access] pulsante inattivo MS Access 10
C [PHP] Aggiungere pulsante paypal PHP 2
C [PHP] Creare un Pulsante che ricopia valori di un campo in altro record PHP 4
L [Javascript]Aprire div con click e chiuderlo con altro pulsante Javascript 2
spider81man [PHP] Pulsante SUBMIT per download diretto dei file PHP 9
Francesco Oliviero Aggiungere comando a pulsante HTML HTML e CSS 1
V Ciclo for per Pulsante in JavaScript Javascript 7
ste80 [MS Access] Impossibile aprire una maschera da pulsante MS Access 2
A [Javascript] Alert su Pulsante Esci Javascript 0
L php - pulsante premuto che mostra #div PHP 3
D [HTML] come Creare questo pulsante a 3 strisce? HTML e CSS 2
X Wordpress woocommerce non compare pulsante acquista prodotto WordPress 1
M Creare tabella da pulsante php PHP 6
Occhioverde [PHP] Incrementare variabile al click di un pulsante PHP 5
B [WordPress] inserire pulsante like per ogni post WordPress 2
T [HTML] Problema pulsante scroll down su ecommerce CMS (Content Management System) 0
D [WordPress] [PHP] Pulsante per auto riempire i campi in un modulo WordPress 1
S [PHP] Abilitare un pulsante dopo scelta file... PHP 3
Z [PHP] Informazione al pulsante REFRESH PHP 2
webmachine [WOOCOMMERCE][WORDPRESS] Cambiare testo pulsante Acquista E-Commerce 0
L [Javascript] pulsante form "salva come" in acrobat Javascript 1
R [HTML] Pulsante con effetto dissolvenza (fading) HTML e CSS 10
deejayr Creare un link URL ad un pulsante di una pagina web. Javascript 4
A [Javascript] Pulsante condivisone Javascript 0
G Ciclo if php per far comparire un pulsante solo nel caso in cui una variabile sia 0 PHP 2
G Problema php relativo a funzione di un pulsante PHP 8
O cambio destinazione pulsante indietro del browser. HTML e CSS 0
D Creare pulsante cliccabile wordpress con lista a discesa WordPress 0
C pulsante like stile facebook Ajax 3
M Pulsante modifica HTML e CSS 20
M Creare pulsante condividi di fb alla propria pagina web Social Media Marketing 1
V Jquery non nasconde pulsante jQuery 1
E php problema incremento e decremento di 2 variabili con click da pulsante PHP 0

Discussioni simili