Mon code CSS ne s'applique pas à mes div

Bonjour

Je possède un site depuis déjà plus d'un an et étant donné que j'ai un peu de temps libre et que mes connaissances ont augmenté, je souhaite refaire le design.
J'ai déjà créé une seconde page d'index, pour le moment je reste que sur cette page tant que j'ai pas résolu mes problèmes.
Voici la page : http://www.fan-de-mixmaster.legtux.org/index_1.php

J'ai encore conservé les pages de mon site avec le design actuel : http://www.fan-de-mixmaster.legtux.org/

Vous constatez que sur la page d'accueil il y a un tableau. (Je sais que les couleurs son pas belles). J'ai utilisé le CSS afin de régler sa taille et faire apparaître la scollbar.

Je souhaite conserver ce tableau, j'ai donc fais copier/coller du code html et css afin de l'intégrer sur la page index_1.php.

Mais le problème (et c'est pour cela que je viens vous demander de l'aide) c'est que ni les lignes, ni les couleurs, ni la scollbar ne s'affichent. J'ai fais un test en faisant une page avec uniquement le tableau avec exactement le même code et tout fonctionne, pourtant intégré sur ma page d'accueil avec le nouveau design ça ne fonctionne pas. Pour le moment je l'ai intégré avec une iframe sur ma page index_1.php. Dessous j'ai mis le tableau sans iframe, avec les mêmes div, le même code html et css et vous voyez que seul le texte s'affiche.

Sur la page http://www.fan-de-mixmaster.legtux.org vous voyez que j'ai mis un bouton noir qui fonctionne avec 2 images et un peu de CSS. Ici également les images ne s'affichent pas (elles sont spécifiées dans le code CSS).

Le plus étrange, c'est qu'avec le developper tools de Google Chrome, lorsque je vais sur le haut du tableau sur la page où le tableau s'affiche correctement, j'ai le code CSS qui s'affiche à droite pour l'id marqué :

http://cjoint.com/14av/DDuktybfTqS.htm

Mais sur la page avec le nouveau design où le tableau ne s'affiche pas, le code CSS n’apparaît pas pour l'id concerné : http://cjoint.com/14av/DDukBRZnffq.htm

Donc je suppose que c'est "normal" que le tableau ne s'affiche pas avec des couleurs et avec la scollbar puisque le CSS semble ne pas être prit en compte ... mais pourquoi ... ça je ne trouve pas.

Avez vous une idée de la raison pour laquelle le CSS semble ne pas avoir d'effet ?
Une solution ?

Merci à tous ceux qui voudront m'aider.

Chez moi (FF 20), il n'y a aucun problème avec le tableau ou le bouton.

ps: faites des messages plus simples la prochaine fois svp :?

Oui c'était trop long mais je voulais bien expliquer.

En faite j'ai mit le tableau sur une autre page et je l'ai intégré avec une iframe. Sous le tableau vous voyez des dizaines de lignes de texte avec à gauche des dates et à droite du texte. C'est exactement ce qu'il y a dans le tableau avec le même code html et css que le tableau intégré avec une iframe mais je l'ai mis directement sur la page.

J'aimerais bien enlever cette iframe mais le tableau ne s'affiche pas ...

Le soucis c'est que ça fait la même chose pour tout le reste, si par exemple dans le grand cadre blanc qui contient ce qu'il y a sur ma page je veux mettre un rectangle rouge et écrire du texte dedans, la couleur du rectangle ne s'affiche pas ni le bord si j'en met un, la seule propriété css qui s'applique c'est le centrage du texte mais rien concernant une couleur, une bordure, etc etc
Je parle bien sûr du cadre blanc sur la page http://www.fan-de-mixmaster.legtux.org/index_1.php

Bonjour,

en gros si je comprends bien vous voulez intégrer un tableau sans iframe ?

Oui voilà mais la seule chose qui fonctionne c'est positionner le texte (centrer ou à gauche ou à droite) mais ni les lignes du tableau ni les couleurs ne s'affichent alors que sur la page que j'ai intégré avec l'iframe (page sur laquelle il n'y a QUE le tableau) tout s'affiche comme il faut.

Ça s'affiche bien chez moi... :koi:

Pièce jointe 143591

On voit le tableau intégré avec l'iframe mais dessous normalement il devrait y avoir le même tableau mais sans iframe.

Chez moi il ne s'affiche pas ...

Dans votre page supprimez l'IFRAME et copiez le css du tableau que vous collez dans le HTML principal.

Ça fonctionne ...

Donc si je résume, le code CSS placé dans le fichier CSS dit d'afficher les lignes du tableau et des couleurs et de positionner le texte (dans la class historique) et aucune ligne de code n'a de l'effet sauf le positionnement du texte.

Je prend exactement le même code CSS et je le place dans le head et là tout s'affiche.

Avez vous une idée de l'origine de ce soucis ?

Si besoin je peux vous envoyer la totalité des fichiers de mon ftp afin que vous puissiez le constater par vous même car j'imagine qu'à force vous ne me croyez pas ...

Ça s'affiche chez moi.

Sur quel navigateur êtes-vous ?
Avez-vous vidé votre cache ?

Citation:

---

Envoyé par rodolphebrd

Ça s'affiche chez moi.

Sur quel navigateur êtes-vous ?
Avez-vous vidé votre cache ?

---

J'ai modifié mon message. J'avais fermé la balise style avec /script à la place de /style ...

Postez le lien vers la page en question.

http://www.fan-de-mixmaster.legtux.org/index_1.php

Lorsque le code CSS du tableau se trouve dans le head, les couleurs, les lignes du tableau et le placement du texte sont bons mais si le même code CSS je le met dans le fichier CSS seul le placement du texte fonctionne.

C'est très embêtant comme problème car j'aurais certainement besoin de mettre des choses en couleur sur mon site et j'ai pas envie de mettre tout le CSS dans le head ... surtout que c'est déconseillé.

Je sais que les couleurs du tableau sont moches mais au moins il se voit bien pour tester le temps de trouver une solution au problème du CSS, je modifie ça à la fin.

Citation:

---

Lorsque le code CSS du tableau se trouve dans le head, les couleurs, les lignes du tableau et le placement du texte sont bons mais si le même code CSS je le met dans le fichier CSS seul le placement du texte fonctionne.

---

À part que "chez nous, ça marche"™, ça peut être un problème de priorité des styles (ceux de la page HTML priment sur ceux de la feuille CSS).

Comment est appelée la feuille Css ?

Est-elle créée conventionnellement du type : <link type="text/css" rel="stylesheet" href="default.css">

Citation:

---

Envoyé par Muchos

À part que "chez nous, ça marche"™, ça peut être un problème de priorité des styles (ceux de la page HTML priment sur ceux de la feuille CSS).

---

Donc vous pensez que quelque chose dans le CSS annule le code du tableau et l'empêche ainsi de s'afficher ?

Je viens de tester en mettant le code de mon tableau à la fin du CSS et en enlevant le CSS du fichier index_1.php mais le résultat est le même, seul le texte s'affiche et seul le CSS qui positionne le texte a de l'effet. Logiquement si quelque chose dans le CSS du tableau rentre en conflit avec une autre chose marquée au début du CSS, en mettant le code du tableau à la fin il devrait s'afficher car annulerait alors le reste.

J'ai aussi testé en enlevant le grand cadre blanc et en mettant le CSS du tableau dans le fichier CSS mais il y a encore le même problème donc l’absence de lignes et de couleurs ne provient pas du CSS du cadre blanc, du coup là je suis à cours d'idée.

Citation:

---

Envoyé par rodolphebrd

Comment est appelée la feuille Css ?

Est-elle créée conventionnellement du type : <link type="text/css" rel="stylesheet" href="default.css">

---

Oui j'utilise

Code:

---

<link rel="stylesheet" type="text/css" href="test1.css" media="all"/>

---

Sur quel navigateur testez-vous ?

google chrome, firefox, internet explorer et safari :?

En faite à chaque fois que j'ai testé et que je vois que le problème est encore le même, je reviens en arrière et je remet le CSS dans le head.

Y'a un problème dans votre environnement de tests.

Chez nous tout passe bien.