pb affichage rouge dans firefox, mais pas dans IE

gnulover · Message par **gnulover** » 26 sept. 2007, 01:19

Bonjour, j'ai un petit problème d'affichage sur le site d'une association que je suis en train de réaliser...

La barre qui indique la date est créé en rouge , elle s'affiche correctement sous safari, sous IE, mais pas sous firefox...

Que se passe t'il ? comment y remédier ?

voici la page : http://jerome.commaret.free.fr/patriots.html

Merci d'avance pour vos réponses

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X; fr; rv:1.8.1.7) Gecko/20070914 Firefox/2.0.0.7

teoli2003 · Message par **teoli2003** » 26 sept. 2007, 07:59

Il y a des problèmes dans tes définitions de table. Commence par les corriger.

http://validator.w3.org/check?verbose=1 ... riots.html

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr-FR; rv:1.8.1.7) Gecko/20070914 Firefox/2.0.0.7

Message par **Benoit** » 26 sept. 2007, 08:06

Si je puis me permettre, ça donne mieux sans le fond rouge — ou alors il faudrait que le texte de la date soit en blanc (par exemple). Mais bleu foncé sur rouge c'est pas très lisible

Firefox indique une autre erreur dans ta feuille de style, mais ce n'est probablement pas lié à ce problème-ci :

Avertissement : Couleur attendue, mais « #e7000 » trouvé. Erreur d'analyse de la valeur pour la propriété « color ». Déclaration abandonnée.
Fichier source : http://jerome.commaret.free.fr/pat.css
Ligne : 115

calimo · Message par **calimo** » 26 sept. 2007, 08:44

Le site semble inaccessible ?

Asumbaa · Message par **Asumbaa** » 26 sept. 2007, 10:17

Salut,

La couleur définie pour le "tr" au niveau de ta date est invalide :

Code : Tout sélectionner

<tr bgcolor="#ff00000">

Tu as un 0 en trop

Tu ferais mieux de mettre cette couleur dans ta CSS (au niveau de ta "td" a priori, puisqu'elle fait toute la ligne) parce que disséminer les informations de style à la fois dans la CSS et dans le code, c'est le meilleur moyen de s'y perdre.

gnulover · Message par **gnulover** » 26 sept. 2007, 14:45

Pour les erreurs de validations, je pensais pouvoir les corriger après...

Et la plupart (toutes ?) sont faites par mon éditeur de site...

Je vais me replonger dans le code dès que j'aurais 10 minutes devant moi ( pourquoi je vous entends dire une heure ?

) c'est à dire horizon 2011...

Bon, je sais que dans ce domaine , on apprends plus par la pratique, et je souhaiterais aussi que le site soit beaucoup plus accessible ( c'est a dire de pas utiliser de tableau )

mais comment passer des <tr>et <td> aux <div> ?

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X; fr; rv:1.8.1.7) Gecko/20070914 Firefox/2.0.0.7

Asumbaa · Message par **Asumbaa** » 26 sept. 2007, 14:56

Salut,

Il ne s'agit pas de remplacer les tables par des div. L'idée c'est surtout de respecter la sémantique naturelle du HTML. Le code porte le sens et le contenu, la feuille de style s'occupe de la tête que ça a dans un navigateur graphique.

Dans un des post-its tu trouveras un tas de ressources si tu veux t'y mettre, et on est là aussi pour t'aider (sur des problèmes plus précis surtout)

gnulover · Message par **gnulover** » 27 sept. 2007, 03:19

En même temps, d'ici 2011 je devrais avoir appris le html, le css, le php, et pourquoi pas plusieurs CMS...

Le truc, c'est que je rentre en école d'ingénieur multimédia (pour un Master, encore 3 ans à tirer) , que je vais me retrouver avec des profils de BTS SRC, ou Infocom, et moi, avec mon pov' BTS MUC, je vais être un peu largué au départ...

Mais je devrais assez facilement bientôt comprendre mes erreurs , et pourquoi pas en rire même ...

J'aurais juste voulu réaliser le site avant , sinon , j'en parlerais au président de la junior entreprise, ou a quelques camarades codeurs expérimentés ...

merci quand même

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X; fr; rv:1.8.1.7) Gecko/20070914 Firefox/2.0.0.7

Message par **chinon37** » 27 sept. 2007, 08:14

le passage des tableaux aux conteneurs génériques <div> est tout naturel.
le tout est de savoir structurer un document.

Les div sont des conteneurs: ils sont utilisés quand on ne peut pas utiliser une autre balise.
En fait, les balises sont utilisées de la même manière que devrait être mis en page un texte dans un traitement de texte:
Pour un texte on utilise les styles (titre1, titre2, ..., paragraphe, etc)
en Html, titre1 devient <h1>, titre2 <h2>, ..., paragraphe <p>.
Ensuite, le positionnement et l'aspect de toutes les balises se fait en css de façon tout aussi précise que peuvent le faire les tableaux.

gnulover · Message par **gnulover** » 27 sept. 2007, 15:18

Oui, en fait c'est pas si compliqué...

À la limite, on pourrait en exagérant écrire le texte en "brut" c'est à dire complètement à gauche sans couleur, ni positionnement.

Puis, faire tout le positionnement en CSS, ainsi que la mise en page

En gros, en HTML, on écrit le texte, et en CSS, on gère:
-la police
-la couleur de la police
-la taille
-le positionnement de la balise du titre <h1> et le positionnement de la balise texte<p>
-Les couleurs du fonds
-le positionnement des images, ou médias

Mais peut on si on le désire au lieu de mettre <h1> mettre <titre> ? cela sera t'il interprété par le navigateur pourvu que l'on utilise la même dénomination dans le feuille de style et dans le HTML ?

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X; fr; rv:1.8.1.7) Gecko/20070914 Firefox/2.0.0.7

Asumbaa · Message par **Asumbaa** » 27 sept. 2007, 15:26

Salut,

gnulover a écrit :Oui, en fait c'est pas si compliqué...

Ben non

Mais ça demande un peu de technique quand même.

gnulover a écrit :À la limite, on pourrait en exagérant écrire le texte en "brut" c'est à dire complètement à gauche sans couleur, ni positionnement.
Puis, faire tout le positionnement en CSS, ainsi que la mise en page

C'est ça, sans oublier les balises sémantiques, pour structurer ce contenu textuel.

gnulover a écrit :Mais peut on si on le désire au lieu de mettre <h1> mettre <titre> ? cela sera t'il interprété par le navigateur pourvu que l'on utilise la même dénomination dans le feuille de style et dans le HTML ?

Non, il faut utiliser les balises prévues dans le HTML.

Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.7) Gecko/20070914 Firefox/2.0.0.7

Message par **chinon37** » 27 sept. 2007, 15:32

Il est très facile, par un moteur de recherche, d'obtenir les balises html et leur signification.

par type
par ordre alphabétique

calimo · Message par **calimo** » 27 sept. 2007, 16:31

On peut même donner les sources directement :
http://www.w3.org/TR/html4/
Éléments : http://www.w3.org/TR/html4/index/elements.html
Attributs : http://www.w3.org/TR/html4/index/attributes.html

chinon37 a écrit :par type

Bourré de balises obsolètes ("deprecated") et d'erreurs (p.ex :

<STRONG>...</STRONG> Mise en gras du texte

... ce qui est absolument faux !)

Bref, on préférera le 2è lien

:

chinon37 a écrit :par ordre alphabétique

(ou, encore mieux, les originaux donnés plus haut

)

Message par **chinon37** » 27 sept. 2007, 17:03

j'ai pris les premiers liens qui me tombaient sous la main

Rien ne vaut l'original, tu as raison!!

Calimo a écrit :chinon37 a écrit:
par type
Bourré de balises obsolètes ("deprecated") et d'erreurs (p.ex :
Citation:
<STRONG>...</STRONG> Mise en gras du texte
... ce qui est absolument faux !)

gnulover · Message par **gnulover** » 28 sept. 2007, 01:29

merci, cela va beaucoup m'aider...

tiens au fait, vous avez essayé de passer la page du W3c au validateur Css (c'est assez comique) elle n'est pas valide...

C'est toujours le cordonnier le plus mal chaussé

Message envoyé avec : Mozilla/5.0 (Macintosh; U; Intel Mac OS X; fr; rv:1.8.1.7) Gecko/20070914 Firefox/2.0.0.7

Geckozone

pb affichage rouge dans firefox, mais pas dans IE

pb affichage rouge dans firefox, mais pas dans IE

Qui est en ligne ?