[div] livello a scomparsa dentro la tabella / fase 2

[kilio]

Guardate in questa pagina, vorrei ricreare un effetto di sovrapposizione layer al passaggio del mouse sulle scritte a sx nella barra blu. insomma se il mouse passa su "city" mostra tutto il livello city, se invece passa su forum tutto il livello forum e non solo parte di essi lasciando spazi vuoti

ma non riesco a far sovrapporre i livelli che compaiono a dx.
come posso fare?

vi posto il link , così è più chiara la cosa.
http://www.my-city.it/index.php?nuovagrafica=attiva

[Jerry Masslo]

cerco d'interpretare, ora fa quello che gli hai detto di fare compare scritto quello che c'è scritto quindi forse vorresti che comparendo una scritta la successiva non fosse spostata in basso? questo è?

In questo caso dovresti usare per l'effetto comparsa scomparsa, invece di visibility:hidden e visible display:none e block, col visibility un elemento se è a hidden non compare ma occupa il suo spazio normale nella pagina quindi la posizione di un elemento successivo terrà conto di esso anche se non si vede, mentre col display se è a none non compare e non occupa spazio.

[kilio]

Originariamente inviato da Jerry Masslo
cerco d'interpretare, ora fa quello che gli hai detto di fare compare scritto quello che c'è scritto quindi forse vorresti che comparendo una scritta la successiva non fosse spostata in basso? questo è?

grazie è proprio questo che volevo!

In questo caso dovresti usare per l'effetto comparsa scomparsa, invece di visibility:hidden e visible display:none e block, col visibility un elemento se è a hidden non compare ma occupa il suo spazio normale nella pagina quindi la posizione di un elemento successivo terrà conto di esso anche se non si vede, mentre col display se è a none non compare e non occupa spazio.

ok, ho capito la sostituzione, ma come modifico il relativo codice javascript??

su dreamweaver non c'è via...

[kilio]

ho provato così...

function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'block':(v=='hide')?'none':v; }
    obj.visibility=v; }
}

ma non va...

[kilio]

:quote:

[Jerry Masslo]

dovresti postare quello originale, non quelle da te modificato, le modifiche dovrebbero essere, display per visibility e none e block per hidden e visible, comunque non è sicuro che si possa adattare con facilità, non ho dw e di javascript sono nuovo e uso codici diversi per queste cose.

[kilio]

function MM_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'show':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}

[Jerry Masslo]

considera che in javascript so quattro cose, non ci capisco niente in quella funzione, però prova a usare dei layer per quello, cioé le possibilità sono due:
o mostrare e nascondere con display:block e none dei normali div che risulteranno nella stessa posizione perché quelli nascosti non prendono spazio;
oppure usare dei layer cioè degli elementi in position:absolute, che con lo stesso posizionamento risultano sovrapposti e in questo caso va bene anche il visibility:visible e hidden.

quindi assicurati che quello che vuoi appaia e scompaia abbia un posizionamento assoluto eventualmente dentro un div con position:relative e usa la funzione originale.

[kilio]

volevo evitare position: absolute, ma non proprio come fare!
help!

[Jerry Masslo]

che cosa strana, c'è chi infila l'absolute dove fa casini e quando è proprio il caso di usarlo invece lo si snobba.

A quell'area avion dove vuoi compaiano le scritte dai un position:relative e gli infili le scritte dentro dei position:absolute dimensionati come il loro contenitore. Gli absolute non se ne andranno a spasso, vai tranquillo.