10/06/2008, 08:34
| ||||
| ||||
| <a> con dos div Hola, foreros: Tengo un link, <a>, que tiene dentro dos divs. Este <a> esta dentro de un li, el cual pertenece a una lista con varios mas li. Es decir: Código HTML: <li><a class="link"><div class="01">Titulo</div><div class="02">Texto</div></a></li> Código HTML: .link :hover{ background:#FF66CC}
|
|
10/06/2008, 08:50
| ||||
| ||||
| Respuesta: <a> con dos div Hola Sintácticamente tienes un serio error y es incluir elementos de bloque dentro de un inline. Esto, entre otras cosas, genera comportamientos que no solo no son lo que deseas, si no que pueden variar de navegador a navegador. Sin embargo, si cambias los div's por spans, tendrías un código correcto y siguiendo el ejemplo que te dejo, te funcionará bien, al menos en firefox, opera, konqueror y safari. Código HTML: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <style type="text/css"> * {background-color: #000; color: #fff;} html {background-color: #cf112e;} body {background-color: #c1f12e;} .link:hover span{ background:#FF66CC; } span {display:block;} </style> <script type="text/javascript"> </script> <title>Pruebilla</title> </head> <body> <ul> <li><a class="link"><span class="01">Titulo</span><span class="02">Texto</span></a></li> </ul> </body> </html>
__________________ ¡ hey, hou, hou, hey ! |
|
10/06/2008, 09:51
| ||||
| ||||
| Respuesta: <a> con dos div Hola de nuevo... jeje... En el mismo ejemplo... como puedo hacer para que dentro del <a> tenga otros <a>. Es decir, el <a> me dirige a www.micasa.com y el <a> que esta dentro de <a> me dirige a www.youtube.com . Es que lo he probado y me sale mal... fuera del estilo... ¿Como lo hago? |
|
11/06/2008, 01:29
| ||||
| ||||
| Respuesta: <a> con dos div Bueno, en realidad sí es posible, pero no es válido, es decir: <a href="http://www.google.es">ggg<table><tr><td><a href="http://www.forosdelweb.com">fff</a></td></tr></table></a> Funcionar funciona, pero no valida porque el elemento a no puede contener un elemento como table. Tú eliges si quieres la funcionalidad y no te impora que no valide. Mikel. |
|
11/06/2008, 19:56
| ||||
| ||||
| Respuesta: <a> con dos div Hola Bueno, siendo picajosos, eso no es un vínculo dentro de otro, es un vínculo dentro de una tabla dentro de un vínculo. ;) Si buscamos formas rebuscadas, es mucho más fácil incluir el vínculo interno en tiempo de ejecución mediante javascript, por ejemplo al pasar el ratón sobre la frase. En cualquier caso. Carece de sentido práctico, no es semántico, no es usable y definitivamente no está permitido por las recomendaciones. Aparte de que algunos navegadores no lo entienden, pero aun así es interesante de analizar, veamos: Código HTML: <a href="1.htm">primero <a href="2.htm">vínculo interior</a> segunda</a> primera: --> 1.htm vínculo interior --> 2.htm segunda --> no hay vínculo Al ejemplo de Mikmoro le faltaría vínculo a la derecha de la tabla, por ejemplo así: Código HTML: <a href="http://www.google.es">ggg<table><tr><td><a href="http://www.forosdelweb.com">fff</a></td></tr></table>kkk</a> De hecho, si sustituimos las tablas por div, span, p y otras tantas combinaciones, no funciona, hasta donde probé antes de aburrirme, solo las tablas tienen el efecto de generar 3 vínculos en el ejemplo puesto. :) Felicidad
__________________ ¡ hey, hou, hou, hey ! |
|
12/06/2008, 09:43
| ||||
| ||||
| Respuesta: <a> con dos div No, si tu objetivo es validar no lo hagas, porque no te va a validar de ninguna manera. Empezando porque estoy casi seguro de que al margen de otras cosas, un enlace dentro de otro no valida. Mikel. |
