Pultanti HTML e input FILE

**coteaz** · 09-02-2008, 18:32

SALVE

vorrei creare dei pulsanti in html che abbiamo lo stesso stile grafico dei pulsanti "sfoglia" dei campi input file

ho fatto un po di prove ma escono fuori simil, non uguali...

posto un'immagine

quello di destra è un input button mentre quello di sinistra è un input file

questi sono i css che ho usato per personalizzarli

la larghezza non mi interessa in quanto i pulsanti input button si adatteranno al testo contenuto all'interno

sto usando explorer 7 per le prove di visualizzazione ma anche con lo zio Mozzy non riesco a crearli uguali!

codice:

input.form_file{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:255px;
}

input.form_bottone{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	height:18px;
}

**chipdb** · 09-02-2008, 22:22

Originariamente inviato da coteaz
SALVE

vorrei creare dei pulsanti in html che abbiamo lo stesso stile grafico dei pulsanti "sfoglia" dei campi input file

Scusa ma... a parte il font che cos'hanno di differente?

**coteaz** · 10-02-2008, 02:14

infatti... il problema è sul testo che è scritto all'interno... infatti forse nn misono spiegato bene
QUANDO INTENDEVO UGUALI MI RIFERIVO AL TESTO

mi aiutate?

**chipdb** · 10-02-2008, 02:29

Originariamente inviato da coteaz
infatti... il problema è sul testo che è scritto all'interno... infatti forse nn misono spiegato bene
QUANDO INTENDEVO UGUALI MI RIFERIVO AL TESTO

mi aiutate?

Anche se non c'è bisogno di urlare...

Hai cambiato il font?

**coteaz** · 10-02-2008, 16:21

come noti nel css il font è uguale;

non volevo urlare, semplicemente correggere e sottolineare il problema

**chipdb** · 10-02-2008, 16:24

Originariamente inviato da coteaz
come noti nel css il font è uguale;

All'1 di notte non me ne ero reso conto

. Comunque hanno dimensioni differenti, poi sembra che in uno ci sia più spazio tra un carattere e l'altro... prova a cambiare anche il word-spacing...

**coteaz** · 10-02-2008, 18:34

ho fatto altre prove, ma nn cambia niente

mi sa che la proprietà word-spacing non sia applicabile all'interno dei bottoni

codice:

<html>
<style type="text/css">
<!--
input.form_file{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:255px;
	height:20px;
	}

input.form_bottone{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height:20px;
	cursor:pointer;
}
-->
</style>
<body>


<input type="file" class="form_file"><input name="" type="button" class="form_bottone" value="Sfoglia...">

</body>
</html>

se fai un ateprima noterai che il bottone ha un carattere decisamente più grande...

a questo punto cosa facciamo? cambiamo il font size del bottone... lo mettiamo a 10 e ... è come se cambiasse il font

**deswign** · 11-02-2008, 11:31

non potrai mai ottenere lo stesso risultato inquanto il font non è il Verdana ma il Segoe UI, quindi puoi cercare il font e realizzarlo tramite photoshop.

**coteaz** · 12-02-2008, 13:02

azz

che sola!!!

fanno il possibile per non poter ottenere mai uno stile uniforme nelle pagine web

**homezappa** · 12-02-2008, 13:54

Fermi tutti!
il pulsante del campo input di type file non è 'abbellibile' con i css!
(vedi thread QUI )
che rimanda ad una possibile soluzione QUI

Non tutti i controlli di una form possono essere controllati nell'aspetto tramite i css (purtroppo!)

HTH
Zappa

Discussione: Pultanti HTML e input FILE

Strumenti discussione

Ricerca discussione

Visualizza

Pultanti HTML e input FILE

Re: Pultanti HTML e input FILE

Permessi di invio