Solu linkiksi

Ihan tavallinen html+css riittää:


   
      a
      b
   
   
      c
      d
   


css:n vaikkapa näin:

   td {padding: 0}
   td a { height: 100%; width: 100%;}

silloin koko solu on linkkinä, jos solussa nyt on linkki ja vain linkki. Tietenkään ne osat solua ei ole linkkinä jotka eivät ole linkkiä, jos ymmärrät.

Lisää vaikka seuraava niin näet paremmin:

   td {width: 100px; height: 30px;}

.mutta tämäkään ei toimi aivan kuin haluaisin. Nythän tämä muuttaa nuolen kädeksi, jolloin periaatteessa hiiren osoitin on havainnut siinä olevan linkin. Mutta kuitenkaan se ei johda minnekään ennenkuin painalluksen tekee teksitn päällä.. =)

Juuseppi kirjoitti:

.mutta tämäkään ei toimi aivan kuin haluaisin. Nythän tämä muuttaa nuolen kädeksi, jolloin periaatteessa hiiren osoitin on havainnut siinä olevan linkin. Mutta kuitenkaan se ei johda minnekään ennenkuin painalluksen tekee teksitn päällä.. =)

      .linkki {
         cursor: pointer;
         width: 100px;
         height: 30px;
         border: 1px solid #000;
      }




tekstiä

reimm kirjoitti:

      .linkki {
         cursor: pointer;
         width: 100px;
         height: 30px;
         border: 1px solid #000;
      }




tekstiä

korvaa tuo window.open haluamallasi tavalla, mutta toi nyt tuli täs nopsaa mieleen :)

Höpö. kirjoitti:

Ihan tavallinen html+css riittää:


   
      a
      b
   
   
      c
      d
   


css:n vaikkapa näin:

   td {padding: 0}
   td a { height: 100%; width: 100%;}

silloin koko solu on linkkinä, jos solussa nyt on linkki ja vain linkki. Tietenkään ne osat solua ei ole linkkinä jotka eivät ole linkkiä, jos ymmärrät.

Lisää vaikka seuraava niin näet paremmin:

   td {width: 100px; height: 30px;}

Juu.. enköhän ymmärtäisi... tuossa antamassasi koodissa vaan ei pointeri muutu "linkiksi" FF, Operalla niin kuin IE:llä koko solun alueella, eli edelleen tuo antamani koodi toimii paremmin muilla selaimilla... tosin so what, mutta kerro parempi ratkaisu, mua ainakin kiinnostaa..=)

Juuseppi kirjoitti:

.mutta tämäkään ei toimi aivan kuin haluaisin. Nythän tämä muuttaa nuolen kädeksi, jolloin periaatteessa hiiren osoitin on havainnut siinä olevan linkin. Mutta kuitenkaan se ei johda minnekään ennenkuin painalluksen tekee teksitn päällä.. =)

Toimii se ainakin mun sivuilla, ei tarvitse olla linkin päällä kun solua klikkaa..!!

reimm kirjoitti:

korvaa tuo window.open haluamallasi tavalla, mutta toi nyt tuli täs nopsaa mieleen :)

Tämä on just sitä mitä hain. Kiitos!

reimm kirjoitti:

korvaa tuo window.open haluamallasi tavalla, mutta toi nyt tuli täs nopsaa mieleen :)

.. että miten saan linkin aukeamaan samaan ikkunaan. Oon tässä koittanut pikaisesti googletella, mut en ole vielä löytänyt siihen tyhjentäävä vastausta =)