Bonjour! :)

Je viens de suivre le très bon tuto JS "Effet de survol" et j'essayais de m'amuser à personnaliser un ptit peu et en l'occurrence j'essayais de placer des liens à l'intérieur de la description ou du titre par exemple.
Autrement dit je passe ma souris au dessus de l'image, un titre et une description apparaissent (comme ds le tuto) mais dans la description se trouveraient également des liens cliquables qui dirigeraient où l'on veut.

Donc pour un premier essai, j'ai juste ajouté un lien dans ma description, mais ça me fout un bronx incroyable à l'écran, ça ne ressemble plus à rien : les images en vrac, les titres et descriptions idem...

<div id="content">

                <?php
        for($i=0;$i<100;$i++)
        {?>
            <a href="#">
                <span class="title"><strong>Mon titre</strong></span>
                <span class="descr">ici une petite <a href="index.php" alt="test">description</a>sympa</span>
                <span class="bg"></span>
                <img src="http://lorempixum.com/200/200/nature/<?php echo $i%4; ?>" alt="" />
            </a>
        <?php
        }
        ?>

</div>

Bref je voudrais juste savoir si ce que je veux faire est possible et avoir un ptit coup d'main si c'est le cas.

Merci par avance.

Claw

4 réponses


MrGuillou
Réponse acceptée

Mais pourquoi tu ne remplace pas le lien qui contient les span est autre par une div ?

Bonsoir,
Eu au passage mettre une balise A dans une balise A n'est pas très valide pour W3C

Claw69
Auteur

salut jbou34 :)
oui j'me doutais bien un peu ;) mais 'y aurait-il une alternative pour placer ces liens ?
(je suis pas trop calé en JS...)

Claw69
Auteur

merci jbou43 ! :)
j'ai en effet remplacé la balise <a> qui contenait les span par une <div>, j'ai ensuite adapté le JS et le CSS et ça marche ! :)

merci bcp de t'être intéressé à mon sujet!

;)