problema con a:hover

[chucky831]

Ho fatto si che andando con il mouse sopra un link questo si ingrandisse di pochi px e si colori di verde. Il problema è che quando ci passo sopra funziona tutto ma tutte le altre scritte e foto si spostano di pochi px. Cosa devo fare? grazie

[Mich_]

E` piu` facile darti indicazioni se posti il codice HTML e CSS del pezzetto su cui operi e del suo conteniotre.

Comunque probabilmente devi usare line-height per definire un'altezza entro cui si possa muovere il font quando lo modifichi all'hover.

[chucky831]

questo è l'html

<div id="menu">
Home
Storia
Specialità
Cantina
Prenotazioni


</div>


CSS:
(solo 1 pagina)
.cantina:hover

{

color:green;
font-size: 18px;

}

[Mich_]

Stai usando tag non semantici.

I menu si devono realizzare con i tag di lista, pena la non-conformita` con le regole di accessibilita` e la difficolta` (o impossibilita`) di capire per gli utenti non-umani o gli utenti che usano browser non visuali.

Quello che vuoi fare e` un menu, e conviene prendere spunto dalle raccolte di menu.
Vedi tra i "link utili" - (a me piace come sono realizzati i menu di CSSplay)

[fcaldera]

i pezzi postati così servono a poco: è necessario avere una pagina completa che presenta l'errore visto che può dipendere dal doctype, da altro stile e da altro markup. Altrimenti replica questo comportamento in un fiddle di esempio (jsfiddle.net) e posta il link

ad ogni modo se i link sono tutti affiancati, per evitare questo problema per esempio puoi iniziare a dare una dimensione fissa ai link in larghezza.