Discussion :

[PIMPMAX]

Salut,

J'ai un slideshow avec des <p><a href="#">blabla</a></p> positionnés en absolute.
Ces liens ne sont pas cliquables ! Dans le CSS, je peux changer leurs couleurs etc. mais impossible de cliquer.

CODE EXEMPLE

CSS :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
div#slideshow ul#slides li p.infos{
	background:#063;
	color:#FFF;
	width:120px;
	padding:15px;
	position:absolute;
	right:125px;
	top:255px;
	line-height:15px;
	text-align:center;
	text-transform:uppercase;
	text-decoration: underline;
 
 
}
div#slideshow ul#slides li p.infos a{
	color:#ffffff;
	cursor:pointer;
 
}

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<div id="slideshow">
 
				<ul id="slides">
	                <li><p class="titre"><a href="actu.html">resultats du week end</a></p> 
                    	<p class="intro">Tous les résultats des 20 et 21 avril 2013</p>
                        <p class="date">&rdca; Publié le 20-04-2013</p>
                        <p class="infos"><a href="#">+d'infos</a></p>
                        <div class="arrow_box"></div>
                        <img src="img/score.jpg"  alt="test" />
 
                    </li>
 
                     <li><p class="titre"><a href="actu.html">Photos : les poussins contre Noailles</a></p> 
                    	<p class="intro">Une belle <a href="actualites.html">galerie photos</a> du match des poussins contre Noailles du 3 avril</p>
                        <p class="date">&rdca; Publié le 20-04-2013</p>
                        <p class="infos"><a href="#">+d'infos</a></p>
                        <div class="arrow_box"></div>
                        <img src="https://lh5.googleusercontent.com/-UeWkH_nXHfY/UWvKrG4HDcI/AAAAAAAAAew/S2KERtOSJ84/s644/IMG_0881.JPG" alt=""  />
                    </li>
	                <li><p class="titre">Vidéo : les poussins contre Noailles</p> 
                    	<p class="intro">bonjour je mets du texte à la place des slides POUR FAIRE UNE INTRO</p>
                        <p class="date">&rdca; Publié le 20-04-2013</p>
                        <p class="infos"><a href="#">+d'infos</a></p>
                        <div class="arrow_box"></div>
                        <img src="img/IMG_0811.jpg" alt=""   />
                    </li>
	          	</ul>
	          	<span></span>
	          	<a href="#"><img src="img/prev-slide.png"  alt="Prev" id="prev" /></a>
	          	<a href="#"><img src="img/next-slide.png"  alt="Next" id="next" /></a>
			</div>
			<!-- ENDS slideshow -->

Le problème peut-il venir des fichiers JS ?

[PIMPMAX]

Pour info, les liens sont dans le slideshow de cette page :
http://www.gouvieux-basket-oise.org/...TML/index.html

[PIMPMAX]

J'ai trouvé.
Dans mon CSS le cadre de mon Slideshow était en z-index: 100; contre 0 pour mon contenu donc les liens était en background.
j'ai inversé l'ordre et c'est bon !