tabella - link

[sharky86]

ciao a tutti!

ho un sito nel quale cé una ttabella... io vorrei che tuta questa tabella sia un link cliccabile.ma non so come fare. pensavo di mettere un box trasparente sopra alla tabella che se ci clicco mi linka dove vorrei andare..

é possibile? se si come?

grazie

ciao

igor

[Mich_]

la cosa e` possibile, anche se il tutto puo` avere difetti che in qualche caso impediscono la navigazione. Devi provare a realizzarlo e poi testare in vari browser.

Per sovrapporre oggetti sono necessari i posizionamenti, che normalmente non sono facili da gestire: quindi preliminarmente e` necessario leggere e capire i link seguenti, approfondendo l'argomento se il caso:
I posizionamenti assoluti
Capire i posizionamenti relativi

Dopodiche` puoi fare una cosa del genere:

<div id="contenitore">
  <table ...>...</table>
  <div>[img]trasp.png[/img]</div>
</div>

dove trasp.png (oppure .gif) e` una immagine anche piccola (e` sufficiente 1x1 px) che contiene solo 1 colore trasparente. Se usi una png dovrai inserire l'hack per IE6.

Con CSS:

#contenitore {
  position: relative;
}
#contenitore table {
  position: absolute;
  top:0; left:0;
  z-index: 10;
}
#contenitore div {
  position: absolute;
  top:0; left:0;
  z-index: 20;
  width: 100%; height: 100%;
}
#contenitore div img {
  display: block;
  top:0; left:0;
  width: 100%; height: 100%;
}

Nota: questa e` una bozza: servono altri attributi CSS e occorre verificare eventuali conflitti con altre dichiarazioni gia` presenti.

[sharky86]

ciao! grazie mille! ma il link dove lo metto? sull immagine?

[Mich_]

Si`, l'ho dimenticato ...

<div id="contenitore">
  <table ...>...</table>
  <div>[img]trasp.png[/img]</div>
</div>

E dovrai definire anche

#contenitore div a {
  display: block;
  top:0; left:0;
  width: 100%; height: 100%;
}

[sharky86]

ciao.. grazie dell aiuto.. ma purtroppo non funziona.. va in conflitto con altri div che ho dentro per dei javascript.. anche la tabella va in pappa.. ho optato per un semplice bottone sotto la tabella..

grazie lostesso

ciao

igor

[Mich_]

Avevo semplififcato al massimo, ma se hai dei <div> dentro la tabella, devi inserire un id (o una classe) al <div> e/o a qualche altro elemento.