ff non prende altezza e larghezza

[Sonikag]

Ho questo stile css:

.home{
	padding:0px;
	padding-left:2px;
	margin:0px;
	margin-left:2px;
	width:148px;
	height: 93px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	background-image: url(interfaccia/home1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
		}

applicato in questo modo:

Home

Come mai con explorer vedo il box di 148x93 mentre con firefox è della grandezza della scritta? come posso ovviare il problema...

[pierofix]

L'altezza e larghezza si possono applicare solamente agli elementi di tipo block. Occorre pertanto specificare un bel display:block per il tag a.

[Sonikag]

Ho trasformato il tutto in un id anzichè in una classe...

#home{
	padding:0px;
	padding-left:2px;
	margin:0px;
	margin-left:2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-style: normal;
	color: #FFFFFF;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	background-image: url(interfaccia/home1.jpg);
	background-repeat: no-repeat;
	background-position: right top;
		width:148px;
	height: 93px;
}

#home a {
display:block;
	width:148px;
	height: 93px;
}

il problema però persiste!

[pierofix]

Ottimizzazione del tuo css:

.home {
   padding:0;
   padding-left:2px;
   margin:0;
   margin-left:2px;
   width:148px;
   height:93px;
   font:normal bold 1em Verdana, Arial, Helvetica, sans-serif;
   color: #fff;
   text-align: left;
   vertical-align: top;
   background:transparent url(interfaccia/home1.jpg) no-repeat 100% 0;
}

[Sonikag]

Si, ma ho sempre il solito problema con ff

[pierofix]

#home a {
display:block;
	width:148px;
	height: 93px;
}

Ma l'id l'hai dato all'<a>? Occhio, che #home a punta ad un tag a contenuto nell'elemento #home. Prova semplicemente a mettere il display block nella definizione di #home (non serve che lo trasformi in id, puoi anche usare una classe).

[Sonikag]

Tnx!

Home

Ho messo un id anzichè una classe perchè l'elemento ci sarà una votla sola nella pagina.

Per fati capire il mio obiettivo di visualizzazione è:

padding:0;
   padding-left:2px;
   margin:0;
   margin-left:2px;
   width:148px;
   height:93px;
   font:normal bold 1em Verdana, Arial, Helvetica, sans-serif;
   color: #fff;
   text-align: left;
   vertical-align: top;
   background:transparent url(interfaccia/home1.jpg) no-repeat 100% 0;

poi una volta che vado sopra con il mouse cambia l'immagine di sfondo.

Però anche con il display block ff non mi fa vedere altezza e larghezza.

[pierofix]

Scusa, prova a testare questo in un documento vuoto:

<ul>[*]Ciao[*]Miao[*]Bau[/list]

ul, li {
   margin:0; padding:0;
}
ul li a {
   display:block;
   width:50%; height:3em;
   line-height:3em; /* per centrarlo verticalmente */
   background-color:#36f;
}

[Sonikag]

ho la stessa visualizzazione con i 2 broswer!

Il mio home al momento è così:

#home {
   padding:0;
   padding-left:2px;
   margin:0;
   margin-left:2px;
   width:148px;
   height:93px;
   font:normal bold 1em Verdana, Arial, Helvetica, sans-serif;
   color: #fff;
   text-align: left;
   vertical-align: top;
   background:transparent url(interfaccia/home1.jpg) no-repeat 100% 0;
}

#home a {
display:block;
	width:148px;
	height: 93px;
}

[pierofix]

Mannaggia! Scherzo! Come ti dicevo sopra, il display lo devi mettere direttamente nella definizione di #home.

#home a va a puntare all'oggetto a contenuto in #home, ma esso non esiste, in quanto #home è applicato proprio al link.

Capì?