Tablica redak i linkanje

[Dell]

Pozdrav,
imam tablicu (širine 100%) sa redcima i stupcima. U svakom retku imam imam
četiri stupca, u prvom mi je redni broj (šifra, ili neka ikonica, zavisi o
čemu je riječ), u drugom stupcu link koji mora biti podebljan i podcrtan, u
trećem neki kratki opis i u četvrtom mjesto za neki uskličnik ili ikonicu
koja označava nešto važno.

Pitanje:
kako da ja pomoću CSS-a namjestim da kad miš stavim na neki redak on
promjeni boju (cijeli redak) ali i da cijeli redak je i link koji sam stavio
u drugom stupcu?
Kao na GMailu gdje mišem možete kliknuti na bilo koji dio redka pa će
otvoriti mail a ne da čovjek mora miš odvesti do drugog stupca (u mojoj
tablici) gdje je link i kliknuti na njega?


Ovo je što sam ja složio pa sam dobio da mi je samo drugi stupac (sa linkom)
označen a ne cijeli redak. Pokušao sam umjesto td koristiti tr u CSS-u ali
ne radi:

HTML:
<table width="100%" border="0" cellpadding="0" cellspacing="0"
id="popisna-tabla">
<tr>
<td width="35" align="right" valign="middle">1.</td>
<td align="left" valign="middle"><a href="#">link 1</a></td>
<td align="left" valign="middle">bla bla opis 1</td>
<td width="35" align="center" valign="middle">&nbsp;</td>
</tr>
<tr>
<td width="35" align="right" valign="middle">2.</td>
<td align="left" valign="middle"><a href="#">link 2</a></td>
<td align="left" valign="middle">bla bla opis 2</td>
<td width="35" align="center" valign="middle">!</td>
</tr>
<tr>
<td width="35" align="right" valign="middle">3.</td>
<td align="left" valign="middle"><a href="#">link 3</a></td>
<td align="left" valign="middle">bla bla opis 3</td>
<td width="35" align="center" valign="middle">&nbsp;</td>
</tr>
<tr>
<td width="35" align="right" valign="middle">4.</td>
<td align="left" valign="middle"><a href="#">link 4</a></td>
<td align="left" valign="middle">bla bla opis 4</td>
<td width="35" align="center" valign="middle">!</td>
</tr>
<tr>
<td width="35" align="right" valign="middle">5.</td>
<td align="left" valign="middle"><a href="#">link 5</a></td>
<td align="left" valign="middle">bla bla opis 5</td>
<td width="35" align="center" valign="middle">&nbsp;</td>
</tr>
</table>

CSS:
#popisna-tabla { border-top:1px solid #CCC;}
#popisna-tabla td { border-bottom:1px solid #CCC;
background-color:#F6F6F6;;}
#popisna-tabla td a { display:block; padding:5px 5px;}
#popisna-tabla td a:hover { background:#CCC; padding:5px 5px;}


Zahvaljujem na bilo kakvoj pomoći :)

[Dragan Stanojević - Nevidljivi]

On 25.10.2011 12:22, Dell wrote:
> Pitanje:
> kako da ja pomoću CSS-a namjestim da kad miš stavim na neki redak on
> promjeni boju (cijeli redak) ali i da cijeli redak je i link koji sam
> stavio u drugom stupcu?

tr:hover { color: ... }

> Kao na GMailu gdje mišem možete kliknuti na bilo koji dio redka pa će
> otvoriti mail a ne da čovjek mora miš odvesti do drugog stupca (u mojoj
> tablici) gdje je link i kliknuti na njega?

CSS nije namjenjen za bilo sto osim izgleda stranice. Za promjeniti
"ponašanje" stranice koristi javascript... U najjadnijem obliku, no
radi, to bi bilo nesto kao:

<tr onclick="alert: ( 'Mmmmm' ); "> ... </tr>

pozdrav...
N::