Css e posizionamento hover

[pig_org]

Ciao a tutti.

Ho provato a fare un rollover tramite i css:

#piadina {position:absolute; left:60px; top:530px; }
#piadina a:hover {width:400px; background:url images/piadina_1.gif); }

Fin qui tutto bene.

Ma se io volessi che il posizionamento di piadina a:hover fosse in un punto di verso?

é possibile?

Ho provato facendo:

#piadina {position:absolute; left:60px; top:530px; }
#piadina a:hover { position:absolute; left:300px; top:530px; width:400px; background:url images/piadina_1.gif); }

Ma non funge. Sto sbagliando qualche cosa?

Ale

[pig_org]

Così funziona ma male:



div {
background-color: Blue;
position: absolute;
left: 50px;
top: 50px;
width: 60px;
height: 50px;
display: block;
}

div a:hover {
background-color: Aqua;
position: absolute;
left: 500px;
top: 300px;
width: 60px;
height: 50px;

}

Evidentemente ho dimenticato qualche cosa o la forma non è proprio troppo corretta.

Dove sbaglio,
Ale

[floyd46]

non hai la pagina in rete? scrivi l'indirizzo.
ciao

[pig_org]

No, mi dispiace.
Ma senti, con i css non è possibile creare una box e poi quando ci si va sopra posizionare un altro box in un'altra parte posizione della pagina?

Ale

[Mich_]

con i css non è possibile creare una box e poi quando ci si va sopra posizionare un altro box in un'altra parte posizione della pagina?

Non credo.
In fondo i CSS servono per posizionare i vari elementi, non per creare effetti dinamici.
Quindi agiscono solo sull'elemento stesso.

Per gli altri effetti serve JS, magari con qualche accorgimento in modo che se JS e` disabilitato, non si perdano informazioni.

[Mich_]

E` lo stesso problema postato in questo thread. E` contrario allo spirito e al regolamento del forum, chiedere la stessa cosa in piu` posti.
Questo lo chiudo, dato che nell'altro hai avuto risposte piu` esaurienti.