Bonjours je suis en train de faire une petite interface pour visionner des photos et j'ai un petit probleme avec le CSS... Si vous vouler voir ce qu'il en est jetter un oeil ici: http://nudd.free.fr/Photos login: test et mot de passe: test.

voila le code CSS que j'utilise:

Code:

body .tumb {float: left; height: 75px; width: 100px; border: solid #000 1px; text-align: center; background-color: #336699; margin-left: 5px; margin-top: 5px; z-index: 1;} body .tumb a:hover {float: left; height: 75px; width: 100px; text-align: center; background-color: #99f; text-decoration: none; font-size: 10px; z-index: 1;} body .tumb a span {float: left; display: none; z-index: 2;} body .tumb a:hover span {float: left; display: block; text-align: center; color: black; background-color: #99f; border-left: solid #000 1px; border-bottom: solid #000 1px; border-right: solid #000 1px; height: 45px; width: 100px; margin-left: -1px; z-index: 2;}

Comme vous l'avez sans doute remarqué les renseignements sur les fichiers n'apparaissent pas au dessus des images mais en dessous, ce qui n'est évidement pas le bute... Quelqu'un verait il d'où cela pourais venir?
Merci.

PS: Ah oui il faut utiliser Mozilla ou FireFox pour voir ce dont je parle, car si j'ai un problème avec FireFox, j'ai 4 ou 5 problèmes avec IE... et ce ne sont pas les mêmes...

C'est effectivement lent ce soir, ce doit être le serveur de free qui à un peut de mal... c'est parce que j'utilise du PHP... mais ce n'est pas le probleme...

tu sais si s'était effectivement n'importe quoi ce code j'aurais n'importe quoi à l'affichage... hors ici tout s'affiche tres bien si ce n'est les renseignements sur les images... ce que je cherche à régler. Bon et bien je vais commencer par nétoyer le code CSS pour qu'il soit plus claire... peut être que je trouverais une solution...
A plus.

Citation de: NuDD le le 23-05-2005 a 21:16:24

tu sais si s'était effectivement n'importe quoi ce code j'aurais n'importe quoi à l'affichage... hors ici tout s'affiche tres bien si ce n'est les renseignements sur les images... ce que je cherche à régler. Bon et bien je vais commencer par nétoyer le code CSS pour qu'il soit plus claire... peut être que je trouverais une solution... A plus.

Ouais mais j'arrive encore à faire la différence entre un code écrit de façon logique et un ramassis de bidouilles posées les unes à la suite des autres parceque l'auteur de la page n'a pas vraiment d'idée sur la façon dont fonctionnent les propriétés qu'il utilise.

Citation de: NuDD le le 23-05-2005 a 21:44:31

Manifestement le z-index: 1 (1 ou n'importe quoi d'autre) n'a aucune influence sur le niveau d'affichage des infos...

Encore faudrait-il comprendre comment fonctionne le z-index (et le reste).

Code:

body #photos .tumb a:hover span {   border-right: #000 1px solid;   display: block;   position: absolute;   z-index: 1;   margin-left: -1px;   border-left: #000 1px solid;   width: 100px;   color: #000;   border-bottom: #000 1px solid;   height: 45px;   background-color: #99f;   text-align: center; }

Voilà avec ça ça fonctionnera sous FF, bon tatonnage pour trouver comment faire fonctionner ta page sur les autres navigateurs...

Y'a aucune provoc, y'a qu'à jetter un oeil à ton code pour voir qu'il te manque les bases en CSS ET en HTML. C'est juste un conseil que je te donne aprés t'en fais ce que tu veux.

Et non il ne te manque pas "juste un petit" position absolute, ce qu'il te manque c'est la compréhension de ce que tu fais. Là en l'occurence, coup de bol, rajouter un position absolute permet de contourner sur certains navigateurs la collection de bidouilles bancales que t'as callé sur ta page mais c'est juste un coup de chance.

Tu pourrais faire la même chose que ce que tu as sur ta page en utilisant, au minimum, 3 fois moins de balises HTML et en simplifiant largement ta CSS. Et surtout cela pourrait être compatible avec plus de navigateurs (lire IE.x). A toi de voir si ça vaut le coup de lire quelques articles et d'apprendre ou de t'enteter dans ce massacre HTMLCSSien auquel tu semble prendre plaisir