[Résolu] un petit problème à soumettre

[SB]

http://vic.drago.free.fr/prob.php?i=1
Cliquez sur les chiffres à droite pour faire défiler les images. Il semble que la taille de la 3e pose problème, les liens sont inactivés. Bien sur, ça marche avec IE (même si la taille des images est modifiée mais là c'est un autre problème).

[calimo]

Mouais... pas facile à lire les CSS en-ligne
En plus en général quand on fait un test le mieux c'est de simplifier au maximum, je sais pas si les border-style:ridge; facilitent la lecture
En tous cas je ne comprend pas trop comment c'est fait

Ce serait pas un problème de z-index ?

[SB]

Voilà c'est simplifié mais le problème demeure. Je ne pense pas que ce soit un problème de z-index.
Il y a une partie de php très simple :

Code : Tout sélectionner

switch ($i) {
case 1:
echo '<a href="images/Zeus.jpg"><img src="images/Zeus.jpg" alt="" /></a><p class="legende">Icône</p></div>';
break;
case 2:
echo '<a href="images/W3C.gif"><img src="images/W3C.gif" alt="" /></a><p class="legende">W3C</p></div>';
break;
case 3:
echo '<a href="images/Amerigo Vespucci 1.jpg"><img src="images/Amerigo Vespucci%201.jpg" alt="" /></a><p class="legende">Amerigo Vespucci</p></div>';
break;
}

L'image de l'Amerigo Vespucci fait à la base 1024*768.

[SB]

J'ai une réponse partielle. Après tatonnement dicotomique, j'ai réduit la taille de l'image à 679 pixels. Et là les liens sont présents uniquement sur la moitié des chiffres, comme si l'image les recouvrait en partie. Mais ça ne se règle toujours pas par z-index.

[calimo]

C'est plus lisible
C'est bien un problème de z-index puisqu'on voit clairement les liens 1-2-3 passer derrière l'image.
Je me souviens avoir eu toutes les peines du monde à faire reconnaitre mes z-index par Mozilla. Probablement parce qu'ils ne peuvent être appliqués que sur des éléments positionnés et que les float ne doivent pas être considérés comme positionnement.

Cela dit, si le menu passait devant la photo ce serait pas terrible non plus, donc il faudrait trouver une autre méthode.

PS : tu peux utiliser les id plutôt que les classes sur les éléments uniques comme menu ou photo

[SB]

Ça m'étonne quand même ce comportement. Est-ce conforme aux normes de créer une sorte de fantôme de l'image originale avant réduction ?

[calimo]

Comment ça un fantôme ?

[SB]

Ça y est j'ai compris c'est pas la photo mais le div autour qui dépasse et s'aggrandit en même temps qu'elle. Comme il était à fond transparent je ne le voyais pas et donc je pensais que malgré la réduction à 60% il restait une sorte de "fantôme" de la version à 100% de la photo qui recouvrait le reste.