Visualizzazione dei risultati da 1 a 2 su 2

Discussione: fumetto e cambio pos

  1. #1
    Utente di HTML.it
    Registrato dal
    Jun 2003
    Messaggi
    4,826

    fumetto e cambio pos

    Ciao.
    Ho un div che devo visualizzare se sono sopra un immagine o meno , quando entro nel div contenente l'immagine deve apparire e quando esco deve scomparire.
    fin qui tutto bene , ho risolto grazie al forum js.
    Il problema adesso nasce perche quando visualizzo il div tutti i contenuti(immagini e testi si spostano verso il basso.
    Come posso evitare questo? è possibile avere un div fluttuante che non interagisce col resto del sito?
    Grazie.

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2001
    Messaggi
    21,188
    Anzitutto la cosa si puo` realizzare anche con solo CSS. E` la tecnica usata nelle gallerie.

    Si puo` fare che il blocco che compare stia sopra il resto della pagina, ad esempio con:
    codice:
    HTML:
    <ul id="lista">[*]<a href="#" title="primo link">[img]img.permanente[/img]
          <span>qui il blocco che devi visualizzare - non puo` contenere div, ma solo elem. inline</span>
        </a>[*] ... ecc.[/list]
    
    
    CSS:
    #lista {
      list-style-type: none;
      ...  /* non deve avere posizionamenti */
    }
    #lista li {
      list-style-type: none;
      margin: 0;
      padding: 0;
      /* puo` esserci un float */
    }
    #lista img.perm {
      border: 0;
      ...
    }
    #lista span {
      display: block;
      position: absolute;
      top: ...;       /* posizione rispetto al blocco posizionato che lo contiene (o ris. al body) */
      left: ...;
      z-index: 20;
    }
    Nuova politica di maggiore severita` sui titoli delle discussioni: (ri)leggete il regolamento
    No domande tecniche in messaggi privati

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2026 vBulletin Solutions, Inc. All rights reserved.