Titre: Petit problème de CSS
Posté par: NuDD le le 22-05-2005 a 17:39:34
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 (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...
|
Titre: Re:Petit problème de CSS
Posté par: Ellenak le le 22-05-2005 a 19:02:48
Titre: Re:Petit problème de CSS
Posté par: NuDD le le 22-05-2005 a 20:34:44
| 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... |
Titre: Re:Petit problème de CSS
Posté par: jb_gfx le le 23-05-2005 a 19:11:32
Il faut que tu revois les bases des CSS et surtout du positionnement parceque là c'est vraiment n'importe quoi ce code! :)
Vous reprendrez bien un peu plus de float left avec votre 12eme tranche de position absolute? :D
http://css.alsacreations.com |
Titre: Re:Petit problème de CSS
Posté par: 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. |
Titre: Re:Petit problème de CSS
Posté par: NuDD le le 23-05-2005 a 21:44:31
Voila j'ai nétoyé le code CSS, il y avais quelques petits trucs en trop mais rien n'a changé ds l'affichage de la page vue que le code est à peut pres bon... m'enfin je crois ::) ... Donc maintenant si ce n'est toujours ce pbleme avec les informations sur les images... Manifestement le z-index: 1 (1 ou n'importe quoi d'autre) n'a aucune influence sur le niveau d'affichage des infos...
Donc si quelqu'un à une idée...
|
Titre: Re:Petit problème de CSS
Posté par: jb_gfx le le 24-05-2005 a 00:41:15
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.
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... |
Titre: Re:Petit problème de CSS
Posté par: NuDD le le 24-05-2005 a 18:36:06
Je te remercie de m'avoir fait remarqué de façons si aimable qu'il me manquait juste un "position:absolute;" ds mon code... Je n'avais effectivement pas vu cette erreur...
Pour ce qui est de tes remarques nous n'organisons manifestement pas notre code CSS de la même façon, je ne répondrais donc pas à ta provocation.
|
Titre: Re:Petit problème de CSS
Posté par: jb_gfx le le 24-05-2005 a 19:30:44
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 :) |
Titre: Re:Petit problème de CSS
Posté par: NuDD le le 24-05-2005 a 20:03:05
C juste pour dire que y plus de pbleme de vitesse sur la page...
|
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|