tag <a> : larghezza e altezza

[bob18]

salve!

per un menu che sto costruendo ho impostato dei tag <a> che formeranno i vari elementi, che si ricollegano a una class in un css che oltre a stabilirne la formattazione dovrebbe stabilirne anche le dimensioni (altezza e larghezza).

ecco i codici.
-HTML

testo link

-CSS

#cercahomepage {
	background-color: #4A82BB;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	height:49px;
	width:70px;
}
a.cercahomepage:link, a.cercahomepage:visited{
	background-color: #4A82BB;
	color: #FFFFFF;
}
a.cercahomepage:hover {
	background-color: #770000;
	color: #FFFFFF;
	color: #FFFFFF;
}
a.cercahomepage:active  { 
	background-color: #DDDDDD;
	color: #FFFFFF;
}

ma non funziona... nel senso che mi dà tutti i valori di formattazione ma non quelli di dimensione...

anche se lo stesso metodo lo usai per questo sito ...
dateci un'occhiata!


mi sapreste dare una mano?

grazie!

[pierofix]

Il marcatore a è un elemento inline e come tale non accetta dimensionamenti. Per impostargli larghezza e altezza dovresti trasformarlo in elemento di tipo block:

a {
   display:block;
   /* altre proprieta' */
}

[bob18]

ciao piero, grazie per l'intervento.

ho aggiunto la dicitura display:block; alla classe #cercahomepage, ma continua a non funzionare...

[jesus]

Originariamente inviato da bob18
ciao piero, grazie per l'intervento.

ho aggiunto la dicitura display:block; alla classe #cercahomepage, ma continua a non funzionare...

Se nel tag metti class nel css devi mettere .cercahomepage se metti id #cercahomepage.

[bob18]

Originariamente inviato da jesus
Se nel tag metti class nel css devi mettere .cercahomepage se metti id #cercahomepage.

infatti... ora funziona

grazie!