Foros del Web » Creando para Internet » HTML »

Atributo href en un área

Estas en el tema de Atributo href en un área en el foro de HTML en Foros del Web. Hola buenas, quería preguntaros a que etiquetas es posible ponerle el atributo href aparte de a y img. Lo que quiero hacer es otorgar a ...
  #1 (permalink)  
Antiguo 13/07/2009, 16:22
Avatar de Pinx0  
Fecha de Ingreso: agosto-2008
Ubicación: Valencia
Mensajes: 39
Antigüedad: 9 años, 3 meses
Puntos: 0
Atributo href en un área

Hola buenas, quería preguntaros a que etiquetas es posible ponerle el atributo href aparte de a y img.

Lo que quiero hacer es otorgar a un área (en mi caso un td de anchura x y altura que contiene un texto de anchura y altura considerablemente menor que x e y) de esta propiedad.

Ya se que con onclick y js puedo hacerlo, pero me interesa para la version sin javascript.

He probado a ponerlo en un div y en el propio td, tambien a poner un div dentro de un a, pero no consigo un método que sea compatible tanto en IE6+, Firefox 3+, Opera 9+, Chrome y Safari, que conforman el 99,95% de los navegadores de mi web.
  #2 (permalink)  
Antiguo 14/07/2009, 04:43
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Respuesta: Atributo href en un área

al elemento a, ponle un style="display:block" y el enlace te cogerá toda la celda
__________________
No diseñes usando tablas.
  #3 (permalink)  
Antiguo 14/07/2009, 07:27
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Atributo href en un área

"href" sólo lo puedes utilizar con un enlace. Claro que el enlace puede ser un texto o una imagen o ambos a la vez.
Si quieres que cualquier caja que contenga un enlace (una celda, por ejemplo) se comporte en toda su superficie como el mismo enlace y sea compatible con ie6, debes hacer que el enlace ocupe toda la superficie de su caja. Esto es así porque ie6 sólo reconoce las pseudoclases (:visited, :hover, :active) para los a.

Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #4 (permalink)  
Antiguo 15/07/2009, 08:18
Avatar de Pinx0  
Fecha de Ingreso: agosto-2008
Ubicación: Valencia
Mensajes: 39
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: Atributo href en un área

Bien he hecho lo que me habeis dicho, el a abarca todo el td, con lo de display:block y con altura y anchura definidas. ¿Problema? El texto en su interior toma forzadamente una posicion vertical top, por mucho que le ponga vertical-align:middle tanto al td como al a, e incluso metiendo un div dentro del a.


Código css:
Ver original
  1. .link_menu {  display:block; width:174px; height:31px; vertical-align:middle;}
  2. .menu_index_text_div {  width:174px; height:31px; vertical-align:middle;}
  3. .menu_index_text { color:#FFF; font-size:13px; width:174px; vertical-align:middle;}


Código php:
Ver original
  1. <td class="menu_index_text"><a href="<?=$men['link']?>" class="link_menu"><div class="menu_index_text_div"><?=$men[$lang]?></div></a></td>

Última edición por Pinx0; 15/07/2009 a las 08:37 Razón: Incluir el código
  #5 (permalink)  
Antiguo 15/07/2009, 11:22
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Respuesta: Atributo href en un área

prueba al link a ponerle padding por arriba y por abajo
__________________
No diseñes usando tablas.
  #6 (permalink)  
Antiguo 15/07/2009, 11:50
Avatar de Pinx0  
Fecha de Ingreso: agosto-2008
Ubicación: Valencia
Mensajes: 39
Antigüedad: 9 años, 3 meses
Puntos: 0
Respuesta: Atributo href en un área

Nada, tampoco va. Mirad así me funciona, pero es un poco chapuzillas no? ¿No habrá otra solucion menos extraña xD?

Código html:
Ver original
  1. <td class="menu_index_text">
  2.  <a href="loquesea" class="link_menu">
  3.   <div class="menu_index_text_div">
  4.    <table><tr><td height="7"></td></tr></table>
  5.    blablabla
  6.   </div>
  7.  </a>
  8. </td>

Código css:
Ver original
  1. .menu_index_text { color:#FFF; font-size:13px; width:174px; vertical-align:middle;}
  2. .link_menu { width:174px; height:31px; vertical-align:middle;}
  3. .menu_index_text_div { width:174px; height:31px; vertical-align:middle;}
  #7 (permalink)  
Antiguo 15/07/2009, 12:41
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Atributo href en un área

¿Y así?:
Código html:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" lang="es-es">
  3. <title>Kseso? jugando con css </title>
  4. <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1" />
  5. <style type="text/css">
  6. {margin:0;padding:0; outline:none; border:0; position: relative;}
  7. td {border: 1px solid #000;}
  8. a {text-decoration:none; display: block; padding:10px; background: #cdcdcd; color: #444;}
  9. </head>
  10. <tr>
  11. <td>
  12. <a href="#">Hola mundo. Soy un enlace grande</a>
  13. </td>
  14. </tr>
  15. </body>
  16. </html>
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
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 07:14.