bloccare dimensione

[patrick82]

Ciao a tutti, con questo codice quando vado sopra al link mi aumenta la dimensione della lista. come faccio ad evitarlo?

<div id="chooseStyle">
   <ul>
	[*]Reset
	[*]Base
	[*]Stampa2
	[*]Stampa3[/list]
</div>

con associato il seguente css:

#chooseStyle
{
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
	color: #333;
}

#chooseStyle ul 
{
		list-style: none;
		display:inline;
		margin: 0;
		padding: 1em;
		background-color: #90bade;
}

#chooseStyle li 
{
		/*border-bottom: 1px solid #90bade;*/
		margin: 0;
		padding: 1em;
		display:inline;
		background-color: #90bade;
}

#chooseStyle a
{
	font-size:2em;
}

#chooseStyle li a:hover 
{
	color: #fff;
	border-left:5px solid #000;
	border-right:5px solid #000;
}

Grazie

[Mich_]

Che significa?
Con quel codice dovrebbe allargare il blocco contenente il link, per cui sposta i link successivi.

Se vuoi solo che il bordo cambi colore, devi definire un bordo anche nella pseudoclasse :link, con colore uguale allo sfondo (o trasparente).

[patrick82]

si, vorrei che il bordo cambiasse colore senza spostare i link. provo a modificare la pseudo classe che mi hai detto tu. grazie