commento su link

**kronos23** · 10-12-2006, 16:29

Ciao ragazzi una domanda:

quando passo il mouse su un link mi fa vedere il commento che io ci metto e va bene ma la dimensione di questo spazio è scarsissima. Insomma non so a quanti caratteri sia limitato ma sono davvero pochi.

Vorrei che quando passo su un link mi faccia uscire una finestrina tipo quella ma che ci possa mettere un bel po di righe...

Come posso fare???? Vorrei evitare i popup....

grazie ciao

**fcaldera** · 10-12-2006, 21:39

ecco una possibile soluzione da cui partire

codice:

<head>
<style>
a {
  font: 10px Verdana;
  text-decoration : none;
}

a span {
  display    : none;
}

a:hover {
  direction  : ltr; /* corregge un bug di ie */
}

a:hover span {
  display   : block;
  text-align: left;
  position  : relative;
  z-index   : 100;
  width     : 90px;
  height    : 100px;
  padding   : 5px 10px;
  border       : 1px #ccc dotted;
  background   : #f4f4fc;
  color        : #333333;
  cursor    : pointer;
}
</style>
</head>

link<span>Commento al link che resta cliccabile</span>

-Fab-

keywords: link commento mostrare apparire visualizzare popup tooltip descrizione

**fcaldera** · 16-03-2007, 13:53

aggiornamento

il metodo proposto funziona ma non consente di controllare i "ritorni a capo" se non dimensionando il tooltip.

Ecco di seguito la versione di CSS che permette di inserire uno o più
nel tooltip

codice:

<head>
<style>
a {
  font            : 10px Verdana;
  text-decoration : none;
}

a span {
  display       : none;
}

a:hover {
  direction  : ltr; /* corregge un bug di ie */
  position        : relative;
}

a:hover span {
  display   : block;
  text-align    : left;
  overflow      : hidden;
  z-index       : 100;
  width         : 90px;
  height        : 100px;
  padding       : 5px 10px;
  border        : 1px #ccc dotted;
  background    : #f4f4fc;
  color         : #333333;
  cursor        : pointer;
  position      : absolute;
  
  /*** per posizionare il tooltip ***/
  top           : 1.3em;
  left          : 0;
}
</style>
</head>

<body>
Cittatini di Palomonti e di Conturso Terme e di Oliveti Cedri, ia abbiamo allora allora innanzitutti 
a ringraziare <a href="#">veramente innanzitutte<span>Commento al link.
che resta cliccabile.

e qui vado a capo.</span></a> 
prima Iddio e poi il mio cognato che 'ngievenuto quali siano le 
piu' parole piu' ampio respiri. Vabben'? Cittadino, ia vingrazio prima Iddio 
e poi a tutti che restaranno tranguill'e ffelicita' nella loro coscienza quali siano le parole ampie respiro.
</body>

-Fab-

Discussione: commento su link

Strumenti discussione

Ricerca discussione

Visualizza

commento su link

Permessi di invio