Rollover sfalsato con CSS

[enryweb.it]

Come da titolo vorrei sapere se è possibile creare un rollover sfalsato, o meglio spiego cosa intendo per sfalsato, il sito su cui sto lavorando è il seguente:
http://www.enryweb.it/GiMac/pub.html

Praticamente quando l'utente passa sopra il quadratino grigio scuro (sopra il logo gi.mac) al centro dello schermo dovrebbe apparirmi il nome del cliente tipo

PIPPO

Se passo sul secondo quadratino, il nome del secondo cliente

PLUTO

Sapete dirmi se è possibile realizzarlo con i css e come??

Grazie mille per l'info

[Gufo]

Originariamente inviato da enryweb.it
Come da titolo vorrei sapere se è possibile creare un rollover sfalsato, o meglio spiego cosa intendo per sfalsato, il sito su cui sto lavorando è il seguente:
http://www.enryweb.it/GiMac/pub.html

Praticamente quando l'utente passa sopra il quadratino grigio scuro (sopra il logo gi.mac) al centro dello schermo dovrebbe apparirmi il nome del cliente tipo

PIPPO

Se passo sul secondo quadratino, il nome del secondo cliente

PLUTO

Sapete dirmi se è possibile realizzarlo con i css e come??

Grazie mille per l'info

Prova a dare un'occhiata qui forse ti può esserte utile
http://forum.html.it/forum/showthrea...readid=1302324

[Mich_]

Occhio che la pagina linkata e` piena di errori di sintassi.
Gli id non possono venir duplicati in una pagina.
E c'e` un uso non-semantico dei div: forse dovresti valutare l'uso di altre strutture. Nel tuo caso potrebbero essere i[*], visto che quello che rappresenti e` una lista di oggetti.

Comunque data la lista:

<ul>[*]<span>pippo</span>[*]<span>pluto</span>[*]<span>topol</span>[/list]

Devi usare un CSS del tipo:

ul {
  width: ...;
  margin: ...;
  padding: 0;
  list-style-type: none;
}
li {
  float: left;
  margin:0;
  padding: 0;
  /* dimensioni */
}

ul a {
  display: block;
  width: 100%;
  height: 100%;
}
ul a span {
  display: none;
}
ul a:hover span {
  display: block;
  position: absolute;
  left: ...;
  top: ...;
  /* eventuali dimensioni */
}

SE gli oggetti <ul>,[*], <a> non sono posizionati, lo span si posiziona in modo assoluto rispetto all'antecedente posizionato (in mancanza rispetto al body), e puoi quindi dare left e top come vuoi

[enryweb.it]

Grazie GUFO, il link fornito fa proprio al caso mio, infatti ero incerto se usare il javascript o i css, ma direi che per quello che dovevo fare il javascript risolveva in due secondi la cosa, gentilissimo!!!!

Mich_ ti ringrazio per la segnalazione, in effetti volevo usare l'elenco per creare quel menu ma quando l'ho realizzato mi dava un po di problemi anche come compatibilità su Firefox, però voglio riprovarci perchè in effetti il codice non è molto pulito