Colore e Bordi bottone

[Male]

Stò costruendo un bottone semplice in javascript ma non essendo un campione in questo linguaggio non ci salto fuori...
Spiego cosa vorrei: Il pulsante già all'apertura vorrei fosse del colore nero con la scritta sopra bianca. quando ci passo sopra o ci clikko con i mouse vorrei diventasse E45601 con la scritta nera. Il tutto lo vorrei senza bordi ma proprio non ci salto fuori. Un'ultimo accorgimento che mi piacerebbe per continuare a seguire lo stile del sito sarebbe quello di far si che il colore del testo cambiasse solamente quando il puntatore gli passa sopra e che cliccando si apra la posta elettronica per mandare una mail

<input name="Scrivi all'Autore" type="button" id="Scrivi all'Autore" style="this.style.backgroundColor=#E45601" OnMouseOver="this.style.backgroundColor='#000000'" OnMouseOut="this.style.backgroundColor='#E45601'" value="Submit"/>

Spero di non chiedervi troppo aiuto..ciao ciao

[dvjack]

io definirei i due stili grafici in due classi css:

input.bottone{background-color:#E45601;
	      color:#000000;
	      cursor:pointer;
	      border:0;}
input.bottoneHover{background-color:#000000;
	           color:#FFFFFF;
	      	   cursor:pointer;
	           border:0;}

e poi trammite javascript associerei gli eventi al cambio di stile:

<input name="Scrivi all'Autore" type="button" id="tuoID" class="bottone" 
onMouseOver="this.className='bottoneHover'" onMouseOut="this.className='bottone'" value="Submit"/>

una piccola segnalazione: l'id del bottone non è valido,non può contenere spazi e '.

[Male]

scusa l'ignoranza ma alla fine quindi il codice da inserire nella mia pagina quale sarebbe??? Sono leggermente in confusione visto che sono 2 giorni che ci sono sopra (che pirla)
graziee

[dvjack]

la prima parte che ti ho postato la metti nel file .css (se ne hai uno), altrimenti la metti tra i tag head, all'interno del tag <style>,
mentre la seconda parte e il button, quindi lo metti all'interno del body dove vuoi che venga visualizzato.

[Male]

si scusami ma anche la larghezza e l'altezza del pulsante dove li metto??
Mi metteresti il codice????

[dvjack]

tutta la parte che imposta la grafica, la metti nelle due classi di stile css

input.bottone,input.bottoneHover{
              /* Qui vanno le impostazioni comuni */
	      cursor:pointer;
              width: 200px;
              height:20px;
              margin:0;
              padding:0 2px;
	      border:0;}
input.bottone{background-color:#E45601;
	      color:#000000;}
input.bottoneHover{background-color:#000000;
	           color:#FFFFFF;}

l'ho modificato un attimo, in modo da definire le impostazioni comuni per entrambi i casi soltanto una volta.

[Male]

Davvero non so come ringraziarti, oggi è proprio una giornata no...
Se ho problemi ti dico!!

[dvjack]

vai tranquillo...se hai problemi chiedi...

[Male]

ok allora ne approfitto per oggi...
come faccio per modificare il font e la grandezza del testo sul pulsante???

[dvjack]

giusto, mi ero dimenticato....

input.bottone,input.bottoneHover{
              /* Qui vanno le impostazioni comuni */
              font-family:Verdana,Serif;
              font-size:12px;
              font-weigth:bold; /* per il grassetto */
	      cursor:pointer;
              width: 200px;
              height:20px;
              margin:0;
              padding:0 2px;
	      border:0;}
input.bottone{background-color:#E45601;
	      color:#000000;}
input.bottoneHover{background-color:#000000;
	           color:#FFFFFF;}