La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Petit problème de CSS
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Petit problème de CSS  (Lu 1044 fois)
Petit problème de CSS
« sur: le 22-05-2005 a 17:39:34 »
NuDD
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 122





Voir le Profil    WWW    E-Mail
Répondre avec citation

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...

« Dernière Édition: le 22-05-2005 a 17:43:02 par NuDD » Rapporter au modérateur  

Re:Petit problème de CSS
« Répondre #1 sur: le 22-05-2005 a 19:02:48 »
Ellenak
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 57



tadzammmm

Voir le Profil    WWW    E-Mail
Répondre avec citation

C'est lent 

Rapporter au modérateur  

Ellenak-graph.tk PoWaaaaaaaaa
Re:Petit problème de CSS
« Répondre #2 sur: le 22-05-2005 a 20:34:44 »
NuDD
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 122





Voir le Profil    WWW    E-Mail
Répondre avec citation

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...

Rapporter au modérateur  
Re:Petit problème de CSS
« Répondre #3 sur: le 23-05-2005 a 19:11:32 »
jb_gfx
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 562





Voir le Profil    WWW
Répondre avec citation

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?

http://css.alsacreations.com

Rapporter au modérateur  

http://www.pixemedia.com
Re:Petit problème de CSS
« Répondre #4 sur: le 23-05-2005 a 21:16:24 »
NuDD
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 122





Voir le Profil    WWW    E-Mail
Répondre avec citation

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.

« Dernière Édition: le 23-05-2005 a 21:18:39 par NuDD » Rapporter au modérateur  
Re:Petit problème de CSS
« Répondre #5 sur: le 23-05-2005 a 21:44:31 »
NuDD
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 122





Voir le Profil    WWW    E-Mail
Répondre avec citation

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...


Rapporter au modérateur  
Re:Petit problème de CSS
« Répondre #6 sur: le 24-05-2005 a 00:41:15 »
jb_gfx
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 562





Voir le Profil    WWW
Répondre avec citation

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...

« Dernière Édition: le 24-05-2005 a 00:41:47 par jb_gfx » Rapporter au modérateur  

http://www.pixemedia.com
Re:Petit problème de CSS
« Répondre #7 sur: le 24-05-2005 a 18:36:06 »
NuDD
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 122





Voir le Profil    WWW    E-Mail
Répondre avec citation

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.

Rapporter au modérateur  
Re:Petit problème de CSS
« Répondre #8 sur: le 24-05-2005 a 19:30:44 »
jb_gfx
Superactif
****

Hors-Ligne

Sexe: Male
Messages: 562





Voir le Profil    WWW
Répondre avec citation

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

Rapporter au modérateur  

http://www.pixemedia.com
Re:Petit problème de CSS
« Répondre #9 sur: le 24-05-2005 a 20:03:05 »
NuDD
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 122





Voir le Profil    WWW    E-Mail
Répondre avec citation

C juste pour dire que y plus de pbleme de vitesse sur la page...

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg