Visualizzazione risultati 1 fino 4 di 4

Discussione: [css] Creare un ToolTip con DIV on hover

  1. #1
    Guest

    Predefinito [css] Creare un ToolTip con DIV on hover

    Salve.
    Vorrei creare un tooltip particolare con un div quando il mouse passa sopra una parola.
    Ho provato nella seguente maniera

    div.contenitore div.classe {
    display: none;
    }

    div.contenitore:hover div.classe {
    display:block;
    position: relative;
    top: 10px;
    width: 150px;
    }

    il problema è che questo div una volta che si visualizza sposta tutto creando un macello infernale. Ora vorrei sapere da voi se è possibile fare una cosa del genere solo con i css.
    L'esempio in JS è questo http://javascript.html.it/demo/javas...08/esempio.htm

    grazie

    [edit] ho sbagliato sezione. Qualcuno mi sposta il topic? Scusate
    [edit] Scusate... La sezione era giusta
    Ultima modifica di demenziale : 23-08-2006 alle ore 13.50.52

  2. #2
    L'avatar di dementialsite
    dementialsite non è connesso Super Moderatore
    Data registrazione
    19-10-2004
    Residenza
    fuori Padova
    Messaggi
    5,046

    Predefinito

    Hai provato a usare position:absolute e a togliere i riferimenti spaziali (top e left) dalla psuedo-classe :hover? Però così devi obbligatoriamente mettere il tooltip subito dopo il link...

    Stammi bene...
    Le questioni tecniche hanno risposte migliori nel forum pubblico, non trovi?

    When you don't know your next step... improvise

    ALTERVISTA WANTS YOU!
    Vuoi diventare moderatore su AlterVista? Scopri come...

  3. #3
    Guest

    Predefinito

    in absolute però non credo sia possibile farlo perchè il tutto viene gerato da una query in php e quindi sono un bel po' di righe...

  4. #4
    L'avatar di Leo91
    Leo91 non è connesso Altervistiano Junior
    Data registrazione
    28-03-2004
    Residenza
    alle tue spalle
    Messaggi
    728

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •