link < ahref>dentro de otro <a href>

[davsko]

Hola,

Tengo una galeria dentro de mi pagina donde los links estan puestos:

<a href="#">

para que se navegue dentro de una misma pagina el problema es que quiero colocar un link que me lleve a otro sitio y no logro conseguirlo. Aqui esta mi codigo:


HTML

Código HTML:

<a href="#" ><h1>01</h1>
            <img src="images/thumbs/01-altoque.jpg" data-largesrc="images/large/01-altoque.jpg" alt="image01"/>
            <span class="more"><div class="iconmore">+</div><span class="bar"></span>Ver proyecto</span>
            <section>Altoque</section>
            <div>[ Identidad grafica ]</div>
            <p>Terpel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce placerat pellentesque nunc, quis vehicula nibh aliquet sed. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget lorem ac massa interdum pulvinar ut eget enim. Fusce viverra tempor felis, ut vestibulum mi lacinia at. Aliquam viverra nibh consectetur nisl adipiscing porta. Donec iaculis dictum diam, et tempor sapien pulvinar at. Vestibulum in libero nibh. Cras venenatis pulvinar nisl, in semper tellus tempor rhoncus. </p>
            <a href="http://www.google.com">Link</a>
          </a>
 

JAVSCRIPT
var $ibItems = $ibWrapper.find('div.ib-main > li'),

init = function() {
initEvents();

});

loadImg = function( $item, callback ) {

var largeSrc = $item.children('img').data('largesrc'),
description = $item.children('span').text(),
info = $item.children('section').text(),
subinfo = $item.children('div').text(),
proyectinfo = $item.children('p').text(),
proyectlink = $item.children('a').text(),
largeImageData = {
src : largeSrc,
description : description,
info : info,
subinfo : subinfo,
proyectinfo : proyectinfo,
proyectlink : proyectlink
};

[arepavieja]

No veo que necesidad tengas de hacer un vinculo de esa manera... un Enlace no puede llevar otro enlace anidado así... debes separarlos. termina el enlaces después del párrafo y deja el otro que sigue.

[kef_11]

Aquí el javascript no afecta en nada, es problema en el html, hasta donde se no se puede poner un link dentro de otro link, tan solo colocalo afuera, eso no afectara en nada:

Código HTML:

<a href="#" ><h1>01</h1>
<img src="images/thumbs/01-altoque.jpg" data-largesrc="images/large/01-altoque.jpg" alt="image01"/>
<span class="more"><div class="iconmore">+</div><span class="bar"></span>Ver proyecto</span>
<section>Altoque</section>
<div>[ Identidad grafica ]</div>
<p>Terpel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce placerat pellentesque nunc, quis vehicula nibh aliquet sed. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget lorem ac massa interdum pulvinar ut eget enim. Fusce viverra tempor felis, ut vestibulum mi lacinia at. Aliquam viverra nibh consectetur nisl adipiscing porta. Donec iaculis dictum diam, et tempor sapien pulvinar at. Vestibulum in libero nibh. Cras venenatis pulvinar nisl, in semper tellus tempor rhoncus. </p>

</a>
 <a href="http://www.google.com">Link</a> 

[IXtremeLT]

Me parece que la idea no va al colocar el enlace fuera del contenido , ya que él dice que es una galería y se puede apreciar que la etiqueta <a> representa a un item de la galería, lo ideal sería que sustituyas el nombre de esa etiqueta a otro nombre, por ejemplo <div> o <i> para que no haya problemas al colocar enlaces dentro del contenido de un item de galería.

Ejemplo:

Código HTML:

<div>
                <h1>01</h1>
                <img src="images/thumbs/01-altoque.jpg" data-largesrc="images/large/01-altoque.jpg" alt="image01"/>
                <span class="more"><div class="iconmore">+</div><span class="bar"></span>Ver proyecto</span>
                <section>Altoque</section>
                <div>[ Identidad grafica ]</div>
                <p>Terpel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce placerat pellentesque nunc, quis vehicula nibh aliquet sed. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget lorem ac massa interdum pulvinar ut eget enim. Fusce viverra tempor felis, ut vestibulum mi lacinia at. Aliquam viverra nibh consectetur nisl adipiscing porta. Donec iaculis dictum diam, et tempor sapien pulvinar at. Vestibulum in libero nibh. Cras venenatis pulvinar nisl, in semper tellus tempor rhoncus. </p>
                <a href="http://www.google.com">Link</a>
</div>
 

[furoya]

Iniciado por IXtremeLT

Me parece que la idea no va al colocar el enlace fuera del contenido , ya que él dice que es una galería y se puede apreciar que la etiqueta <a> representa a un item de la galería, lo ideal sería que sustituyas el nombre de esa etiqueta a otro nombre, por ejemplo <div> o <i> para que no haya problemas al colocar enlaces dentro del contenido de un item de galería.

Tal cual. Es lo que debería. Especialmente si tenemos en cuenta que los anchor son elementos en línea, y alli pretende meterle elementos en bloque. Eso no corresponde.

El problema que noto, es que sí puede ser una cuestión de la galería. Porque evidentemente estaba hecha para otra cosa: para poner una imagen, que fuese su mismo botón de enlace.

Y ahí terminó conteniendo títulos, párrafos, de todo...

Y cuando se quiere inventar sin saber, aparecen estos problemas. Es posible (más bien, probable) que haya que modificar la library para que apunte a otra etiqueta en vez de a las anclas, o a una clase o identificador parcial.

Pero eso es para el subforo de frameworks; o mejor, para el soporte de esa galería.


Por otro lado, se puede perfectamente meter un link adentro de otro.
Yo lo hago siempre en este Foro para salvar un bug de la conversión de thumbnails a enlace.

[davsko]

Iniciado por kef_11

Aquí el javascript no afecta en nada, es problema en el html, hasta donde se no se puede poner un link dentro de otro link, tan solo colocalo afuera, eso no afectara en nada:

Código HTML:

<a href="#" ><h1>01</h1>
<img src="images/thumbs/01-altoque.jpg" data-largesrc="images/large/01-altoque.jpg" alt="image01"/>
<span class="more"><div class="iconmore">+</div><span class="bar"></span>Ver proyecto</span>
<section>Altoque</section>
<div>[ Identidad grafica ]</div>
<p>Terpel. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce placerat pellentesque nunc, quis vehicula nibh aliquet sed. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eget lorem ac massa interdum pulvinar ut eget enim. Fusce viverra tempor felis, ut vestibulum mi lacinia at. Aliquam viverra nibh consectetur nisl adipiscing porta. Donec iaculis dictum diam, et tempor sapien pulvinar at. Vestibulum in libero nibh. Cras venenatis pulvinar nisl, in semper tellus tempor rhoncus. </p>

</a>
 <a href="http://www.google.com">Link</a> 

Gracias, jejeje si es mejor afuera y crear un script que los integre

[furoya]

Sólo no te olvidés de que el escript debe estar integrado al de la galería.
Y de que si vas a meter párrafos, divisores y encabezados, antes tenés que reemplazar ese ancla por un elemento de bloque. No es que no podás convertirlo, pero es una chanchada.

Y sigo sin entender cuál es el problema para meter un anchor dentro de otro. Digo, desde el punto de vista del funcionamiento.
Ahora me agarró la duda, y voy a probar aunque sea con ese engendro que posteaste.