Foros del Web » Creando para Internet » CSS »

Crear cajas como bloque

Estas en el tema de Crear cajas como bloque en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 09/03/2011, 11:18
 
Fecha de Ingreso: marzo-2011
Mensajes: 1
Antigüedad: 6 años, 9 meses
Puntos: 0
Crear cajas como bloque

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.
  #2 (permalink)  
Antiguo 09/03/2011, 11:23
 
Fecha de Ingreso: abril-2009
Mensajes: 233
Antigüedad: 8 años, 8 meses
Puntos: 5
Respuesta: Crear cajas como bloque

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!!

Última edición por tunait; 10/04/2011 a las 03:50
  #3 (permalink)  
Antiguo 10/03/2011, 07:30
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Crear cajas como bloque

su código:
Código HTML:
Ver original
  1. <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>
  2.  
  3. <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>
  4.  
  5. <h4>Raza: Sin Raza</h4>
  6. <p>Sexo: Hembra<br>
  7. Edad: 3 años<br>
  8. Nombre: NANI</p>
  9. </td>
Sugerencias:
Código HTML:
Ver original
  1. <td>
  2. <h3>
  3.    <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
  4.    <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" />
  5.    </a>
  6. </h3>
  7.  
  8. <h4>
  9.    <a title="Perro en adopción - Sin Raza en adopción" href="http://www.perrosyadopcion.com/sin-raza-en-adopcion-en-madrid-75">
  10.       <span>Raza: Sin Raza</span>
  11.       <span>Sexo: Hembra</span>
  12.       <span>Edad: 3 años</span>
  13.       <span>Nombre: NANI</span>
  14.    </a>
  15. </h4>
  16. </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).

Etiquetas: cajas
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:17.