Visualizzazione dei risultati da 1 a 7 su 7
  1. #1
    Utente di HTML.it
    Registrato dal
    Feb 2006
    Messaggi
    69

    Estendere area cliccabile

    Buongiorno a tutti,
    vorrei sapere se qualcuno si è già imbattuto sul problema di dover estendere l'area cliccabile di un link testuale a tutta la cella che lo contiene.

    Ho questo piccolo menu dove in ogni cella c'è un link testuale e al passaggio del mouse la cella cambia colore. Vorrei che tutta l'area di ogni cella fosse cliccabile.

    <TABLE height=120 cellSpacing=0 cellPadding=0 border=0>
    <TBODY>
    <TR>
    <TD onmouseover="style.background='#1DAEBC';"
    onmouseout="style.background='#0097AC';" vAlign=top align=right width=126
    bgColor=#0097ac>
    <TABLE height=110 cellSpacing=0 cellPadding=0 width=116 border=0>
    <TBODY>
    <TR>
    <TD vAlign=bottom align=left><A class=menu_head
    href="http://www.publiem.it/test/primm/prod_serv/pesy/appli.asp?cursor=48.7">Products
    &amp;
    Services</A></TD></TR></TBODY></TABLE></TD>
    <TD width=1 bgColor=#0097ac></TD>
    <TD onmouseover="style.background='#1DAEBC';"
    onmouseout="style.background='#0097AC';" vAlign=top align=right width=126
    bgColor=#0097ac>
    <TABLE height=110 cellSpacing=0 cellPadding=0 width=116 border=0>
    <TBODY>
    <TR>
    <TD vAlign=bottom align=left><A class=menu_head
    href="http://www.publiem.it/test/primm/resdev/res/bio.asp">Research
    &amp;
    Development</A></TD></TR></TBODY></TABLE></TD>
    <TD width=1 bgColor=#0097ac></TD>
    <TD onmouseover="style.background='#1DAEBC';"
    onmouseout="style.background='#0097AC';" vAlign=top align=right width=126
    bgColor=#0097ac>
    <TABLE height=110 cellSpacing=0 cellPadding=0 width=116 border=0>
    <TBODY>
    <TR>
    <TD vAlign=bottom align=left><A class=menu_head
    href="http://www.primm.it/client/" target=blank>Cust.
    Service
    &amp;
    Ordering</A></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>


    Qualche suggerimento?

  2. #2
    Potresti usare un css dove imposti x il tag a (o per la classe che lo distingue) l'altezza della cella e un display block tipo

    codice:
    a {
    height:20px;
    display:block;
    }

  3. #3
    Potresti usare un css dove imposti x il tag a (o per la classe che lo distingue) l'altezza della cella e un display block tipo

    codice:
    a {
    height:20px;
    display:block;
    }

  4. #4
    scusate ho premuto troppe volte invia

  5. #5
    Utente di HTML.it
    Registrato dal
    Feb 2006
    Messaggi
    69
    Ho provato ad utilizzare il css, come risultato mi restituisce un'area cliccabile maggiore ma, inserendomi degli spazi vuoti che non gli ho chiesto, mi deforma la cella...

  6. #6
    Hm....
    Le celle hano una dimensione fissa? Se la risposta è no potresti provare a dargliene una.
    Casomai puoi postare il link alla pagina in questione?

  7. #7
    Utente di HTML.it L'avatar di nuky
    Registrato dal
    Oct 2001
    Messaggi
    1,053
    Non dovresti aver problemi facendo diventare i link grandi quanto il loro contenitore (cella).
    codice:
    <style>
      table a {width:100%; height:100%;}
    </style>
    - "E' un messaggio. E' di Svarion, della terra di Merdor!"
    - "Busto Arsizio?"
    - "Terrazzo, sgabello, formaggio. Borraccia blu, ca**o di gomma e... CANNUCCIA!"
    - "Ca**o dici? C'è scritto «frocio chi legge»!"

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 © 2025 vBulletin Solutions, Inc. All rights reserved.