Pulsante da riprodurre

[Valeria75_bis]

Ciao a tutti, vorrei realizzare un pulsante simile a quello (verde) presente nel link... ho cercato di riprodurre lo stesso pulsante in locale (creando l'HTML) ma non riesco

http://www.live.com/?searchOnly=true&scope=web

nell'html trovo

<input type="submit" value="Cerca" tabindex="0" name="go" class="go" />

ma utilizzando il CSS presente non visualizzo il pulsante verde

[Valeria75_bis]

Nessun aiutino??

[ricman]

Il CSS associato è questo:

form, ul, body, div, p, ul, ol, dl, input, button, h3, #sw_tbl td, #sw_th, #sw_foot ul, #sw_foot li 
{
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0pt;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 0pt;
}
html body, input 
{
font-family: Arial,sans-serif;
font-size: small;
color: #333333;
}
.go 
{
height: 2.15em;
padding-top: 0pt;
padding-right: 0.38em;
padding-bottom: 0.22em;
padding-left: 0.38em;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #59990e;
border-right-color: #59990e;
border-bottom-color: #59990e;
border-left-color: #59990e;
background-color: #6eab26;
background-image: url(../img/hp2.png);
background-repeat: repeat-x;
background-attachment: scroll;
background-x-position: 0pt;
background-y-position: -339px;
font-weight: 700;
color: #ffffff;
font-size: 105%;
overflow-x: visible;
overflow-y: visible;
}
.go:hover
{
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #3f8e00;
border-right-color: #3f8e00;
border-bottom-color: #3f8e00;
border-left-color: #3f8e00;
background-color: #6eab26;
background-image: url(../img/hp2.png);
background-repeat: repeat-x;
background-attachment: scroll;
background-x-position: 0pt;
background-y-position: -424px;
}

Vedi un po' te...
Io, sinceramente, avrei usato un po' codice...

[Valeria75_bis]

Grazie mille, quindi con questo CSS riesco a riprodurre il pulsante senza alcuna immagine??

E' corretto?? Grazie infinite per l'aiuto!

[ricman]

Originariamente inviato da Valeria75_bis
Grazie mille, quindi con questo CSS riesco a riprodurre il pulsante

Penso di si... io ti ho riportato quello che MSN ha usato per fare quel pulsante... magari scremalo un pochino... (o capisci quello che c'è scritto e poi rifai per bene)

Originariamente inviato da Valeria75_bis
...
senza alcuna immagine??
E' corretto?? Grazie infinite per l'aiuto!

Ma l'hai letto il codice che ti ho postato?
Io NO.
Però vedo che c'è un'immagine di sfondo da qualche parte. Verifica meglio e poi vedi come hanno fatto.

[Valeria75_bis]

Grazie mille!!