come trasformare un intero in un link

Ho il codice seguente:

some text some more text

Sto cercando di trasformare l’intera riga di questo tavolo in un collegamento ipertestuale, tuttavia non desidero utilizzare l’evento del mouse JavaScript poiché sono limitato dall’utilizzo di JavaScript. Ho provato a usare i CSS, ma ho trovato solo modi per trasformare un individuo in un hyperlink andando: a href style="display block;" Qualcuno conosce un modo CSS per trasformare l’intera riga in un collegamento ipertestuale?

No, non è ansible trasformare un elemento / campo in un collegamento / elemento seguente / campo cliccabile solo con CSS. Dovrai includere un ANCHORE in ogni intestazione / cella all’interno del TR (e impostare ANCHOR da display: block modo che l’intera cella sia cliccabile), o usare Javascript per rendere i tuoi TR o TR TH / TD cliccabili / seguibili browser.

Esempio (dell’approccio ANCHOR):

http://jsfiddle.net/userdude/V9kj5/1/

 tr a { display: block; } tr td { border: 1px solid #ddd; width: 200px; } 
some text some more text
some text some more text

CSS specifica la presentazione di una pagina, mentre i collegamenti ipertestuali specificano la funzionalità . No, non puoi usare i CSS per fare in modo che un’intera riga agisca come collegamento. Dovrai usare JavaScript.

Anche se molto simile alla risposta di @Jared Farish, questa configurazione dovrebbe far sì che l’ancora occupi l’intera cella:

 td a { display: inline-block; height:100%; width:100% } 

http://jsfiddle.net/NAfC5/2/

La mia reazione generale è di dire che non è ansible, ma è ansible rendere il primo link molto ampio e posizionarlo in modo assoluto in modo che la sua area colpita copra la seconda cella di testo. Tuttavia, la seconda cella di testo non avrà altri stili di collegamento. Sarà inoltre necessario specificare una larghezza per la prima cella in modo che non collassi a causa del collegamento assolutamente posizionato all’interno.

Vedi esempio →

 
some text some more text
tr { position:relative; } tr a { display:block; width:98%; position:absolute; top:10px; left:10px; z-index:10; }

Cosa potresti fare, modulo stranezze del parser HTML è rendere un in una riga della tabella impostandolo per display: table-row . Ma poi dovrai occuparti dei parser HTML che sistemano

all’interno di per te. Se la tua pagina è XHTML, questo funzionerà davvero facilmente, però.