Crear cajas como bloque

[streetbook]

Hola, soy nueva en los foros. He creado una página web de anuncios y necesito que las cajas que contienen los anuncios sean clicables, es decir, ahora lo tengo así:
[URL="http://www.perrosyadopcion.com"]http://www.perrosyadopcion.com[/URL]

y lo que necesito es que cuando el usuario pase por encima de la caja no tenga que clicar en el enlace, sino que toda la caja sea clicable. He visto que otras webs lo tienen así, alguien puede ayudarme?

Gracias de antemano y un saludo.

[arquidea]

Hola streetbook, he estado viendo como lo tienes en la página que has dejado y la verdad es que no se muy bien como se consigue, pero tienes que convertir la caja que engloba a todo en un bloque...siento no poder ayudarte más, seguramente alguien te lo aclare mejor. Un saludo!!

[kseso?]

su código:

Código HTML:

<td><h3><a title="Perro en adopción - Sin Raza en adopción" href="http://www.perrosyadopcion.com/sin-raza-en-adopcion-en-madrid-75">Perro gratis en Madrid</a></h3>
 
<a title="Perro en adopción - Sin Raza en adopción" href="http://www.perrosyadopcion.com/sin-raza-en-adopcion-en-madrid-75"><img width="130" vspace="2" hspace="8" height="100" align="left" src="http://www.perrosyadopcion.com/fotos-perros/perros-gratis1299717119.jpg" alt="Perro en adopción - Sin Raza en adopción"></a><br><br><br><br><br><br>
 
<h4>Raza: Sin Raza</h4>
<p>Sexo: Hembra<br>
Edad: 3 años<br>
Nombre: NANI</p>
</td>
 

Sugerencias:

Código HTML:

<td>
<h3>
   <a title="Perro en adopción - Sin Raza en adopción" href="http://www.perrosyadopcion.com/sin-raza-en-adopcion-en-madrid-75">Perro gratis en Madrid
   <img width="130" height="100" src="http://www.perrosyadopcion.com/fotos-perros/perros-gratis1299717119.jpg" alt="Perro en adopción - Sin Raza en adopción" />
   </a>
</h3>
 
<h4>
   <a title="Perro en adopción - Sin Raza en adopción" href="http://www.perrosyadopcion.com/sin-raza-en-adopcion-en-madrid-75">
      <span>Raza: Sin Raza</span>
      <span>Sexo: Hembra</span>
      <span>Edad: 3 años</span>
      <span>Nombre: NANI</span>
   </a>
</h4>
</td>
 

Y con una pizca de css (los span como bloques, etc) y algo de padding tendrá toda la celda activa (realmente son dos enlaces al mismo sitio, pero por conservar sus hnº)
Aunque posíblemente sería más semántico y acertado en vez de una tabla, una lista de definición (dl/dt/dd).