Bonjour à tous !!
Je poste cette question avant que ça me rende dingue : sur 2 mêmes blocs (copier-coller), comment ce fait-il que le lien "lire la suite" soit opérationnel sur le premier bloc et pas sur le 2ème ? Alors qu'ils fonctionnent bien sous IE ?
Je comprends rien et je deviens chèvre !! Déjà que le code et moi, on est pas très copain... alors là !!
Voici le code :

<div id='containpage'>
            <div class="contain-blog1">
                <div class="blog-head">
                    <div id="titreblog">
                        <div id="txt-titreblog">
                            <h2>Titre du blog</h2>
                            </div>
                    </div>
                    <div class="blog-bkg">
                        <div class="blog-footer">
                            <div class="nbrcomment">
                                <ul>
                                    <li><a href="#">9</a></li>
                                </ul>
                            </div>
                            <div class="readmore">
                                <div class="txtreadmore">
                                    <ul>
                                        <li><a href="#">Lire la suite</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>     
            <div class="contain-blog2">
                <div class="blog-head">
                    <div id="titreblog">
                        <div id="txt-titreblog">
                            <h2>Titre du blog</h2>
                        </div>
                    </div>
                    <div class="blog-bkg">
                        <div class="blog-footer">
                            <div class="nbrcomment">
                                <ul>
                                    <li><a href="#">9</a></li>
                                </ul>
                            </div>
                            <div class="readmore">
                                <div class="txtreadmore">
                                    <ul>
                                        <li><a href="#">Lire la suite</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="contain-blog3">
                <div class="blog-head">
                    <div id="titreblog">
                        <div id="txt-titreblog">
                            <h2>Titre du blog</h2>
                            </div>
                    </div>
                    <div class="blog-bkgcomment"
                        <div class="avatar">
                        </div>
                    </div>
                </div>
            </div>
        </div>

En image : Capture écran

3 réponses


Je ne suis pas sur de comprendre tu te demandes pourquoi les deux liens sont marqués comme actif en même temps ? si c'est ça c'est parcequ'ils ont tous le deux la même source href="#"

Qu'entends-tu par opérationnel ?
En effet, les deux liens fonctionnent à partir du moment où ils pointent vers une page ou une ancre. Dans ton cas, si tu mets une ancre ou une URL, cela devrait fonctionner.
Peux-tu préciser la question ?

savanah
Auteur

J'ai trouvé d’où venait le problème : j'avais une marge qui descendait trop bas et passait par dessus mon lien. J'ai rectifié et maintenant, ça marche !! C'était pas évident à trouver !