problema bottone css

[mogiaco76]

Ciao,
mi succede una cosa strana con un bottone fatto con i css.

come potete vedere in questo esempio

esempio

il padding(destro) aumenta, in base alla lunghezza del testo che c'è all'interno(nell'esempio 'label' o 'label lunga').
Il problema è con explorer; con firefox si comporta correttamente.

questo il codice:

CSS:

div.btn {
	background: url(bg_btn.gif) top left no-repeat;
	padding:0;
	margin:0;
	padding-left:4px;
	float:left;
	text-align:left;
	height:26px;
	line-height:26px;
}

div.btn input {
	text-transform: uppercase;
	margin:0;
	padding:0;
	padding-right:18px;
	height:26px;
	border:0;
	text-align:left;
	font-weight:bold;
	color:#797A77;
	font-size:10px;
	background:url(btn.gif) right top no-repeat;
	cursor:hand;
} 

div.btn input.ov {
	background:url(btn_ov.gif) top right no-repeat;
}

HTML:

<div class="btn">
		<input type="button" class="save" onmouseout="this.className=''" onmouseover="this.className='ov'" value='label' > 
		</div>
		<div class="btn">
		<input type="button" class="save" onmouseout="this.className=''" onmouseover="this.className='ov'" value="label lunga" > 
		</div>

suggerimenti?
grazie

[mogiaco76]

niente??

[colde]

Ho visto che hai assegnato ai due bottoni un float, quando inserisci questo comando devi sempre inserire le dimensioni dell'oggetto a cui viene attribuito.
Tu hai inserito solo l'altezza, prova a inserire anche una larghezza.

[NetEscape]

Perchè usi Javascript? Avresti semplicemente potuto cambiare il background del button tramite la prorietà E:hover. Ciao

[colde]

Originariamente inviato da NetEscape
Perchè usi Javascript? Avresti semplicemente potuto cambiare il background del button tramite la prorietà E:hover. Ciao

E:hover è per il bottone? l'equivalente dell'A:hover?

[mogiaco76]

colde il problema è che non posso impostare una larghezza non sapendo la lunghezza della label a meno che nn lo faccia di volta in volta per ogni bottone, in un css in linea.

NetEscape mai usato E:hover... dove trovo qualche info??... è compatibile con tutti i browser??

grazie mille.

[Alexsander]

Metti text-align:center; sul div fuori dal form.
Forse è la volta buona.
ciao

[Alexsander]

Scusate ho sbagliato discussione.
Pardon.

[colde]

Originariamente inviato da Alexsander
Scusate ho sbagliato discussione.
Pardon.

mi fischiavano le orecchie

vedo che hai già dato anche tu per oggi, ora basta che sono già rintronato abbastanza.

X MOGIACO:
se non hai risolto per domani riprendiamo la discussione, oggi termino qui.

[mogiaco76]

nn ho risolto... a domani, grazie