Discussion :

[Jeekounet]

Bonjours à vous tous,

je me tourne vers vous pour une aide car j'ai un petit soucis!
Je dois afficher 4 images avec chacune d'elle un lien ( voir plus par la suite ) à l'horizontale j'ai essayé quelque chose, mais il y a un hic.
La 1 ère image avec son lien marche bien, mais une fois que je mets la 2ème à droite de la 1ère, je ne peux plus cliquer sur la 1 ère et etc avec la 3ème qui annule la 1 & 2.

Sur la feuille php ça donne:

Code html :

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

1
2
3
4
5
6
<div class="img1">
      <a href="Lien n°1" title="n°1" target="_blank"><img src="images/n°1.png" alt="" /></a>
</div>
<div class="img2">
      <a href="Lien n°2" title="n°2" target="_blank"><img src="images/n°2.png" alt="" /></a>
</div>

Et sur la feuille css:

Code :

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
 
.img1{
top: 610px;
padding-left: 25px;
position:absolute;
padding-top:5px;
float:left;
margin-left: auto;
margin-right: auto;
}
 
.img2{
top: 610px;
padding-left: 115px;
position:absolute;
padding-top:7px;
float:left;
margin-left: auto;
margin-right: auto;
}

Je ne suis vraiment pas doué avec le css ( et pourtant c'est vraiment utile :/ ) donc je ne vois pas comment vraiment résoudre/faire ça.
( au cas où, un exemple pour ce que j'essaye de faire c'est une ligne de site partenaire avec leur logo )

Merci encore

[Atomya Rise]

Bonjour,

Tu ne peux plus cliquer sur ton lien pour la simple est bonne raison que ton deuxième block passe par dessus ton premier block suite à tes padding...

Afin de voir les défauts que cela engendre utilise un mode de débogage simple tel que les borders de couleurs afin de visualiser les superpositions.

Les positions absolutes non, pour moi, rien à faire là dedans, utilise simplement les floats et au pire des propriétés du style display inline (pas très jolie) ou alors, modifie tes balises englobantes de type block par des balises de type inline tel que "span".

[marlocq]

Pourquoi ne pas faire

Code html :

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

1
2
3
4
5
6
<ul>
 <li><a href="Lien n°1" title="n°1" target="_blank"><img src="http://www.developpez.net/forums/images/n°1.png" alt="" /></a></li>
 <li><a href="Lien n°2" title="n°2" target="_blank"><img src="http://www.developpez.net/forums/images/n°2.png" alt="" /></a></li>
 <li><a href="Lien n°3" title="n°3" target="_blank"><img src="http://www.developpez.net/forums/images/n°3.png" alt="" /></a></li>
 <li><a href="Lien n°4" title="n°4" target="_blank"><img src="http://www.developpez.net/forums/images/n°4.png" alt="" /></a></li>
</ul>

et en css tu display inline-block...