Style.css ne s'affiche pas

GO · Message par GO » 17 mars 2005, 09:26

Bonjour,

J'ai monté un site il y a plus d'une année et il fonctionne de mieux en mieux. J'ai toutefois remarqué le navigateur mozilla ne répond pas de la même manière qu'explorer ou netscape. Comme 10 % de mes internautes l'utilise, je pense que cela vaut la peine de faire un effort.

Apparemment la feuille de style css n'est pas prise en charge...Je me pose donc quelques questions. Que faut-il faire pour que les >span> et le style s'affiche?

SB · Message par SB » 17 mars 2005, 09:39

Faire un code correct ?
FF les prend très bien en charge, tu as du faire une ou des erreurs. Si tu as l'adresse...

Invité · Message par **Invité** » 17 mars 2005, 10:15

c'est étonnant que netscape n'affiche pas comme fox, puisque c'est la même base (quelle version?)
--------------
c'est internet explorer qui affiche mal, et qui lit mal les css. ça nécessite parfois de la gymnastique; mais plus tu montes dans les versions html (4.01 ou xthml) mieux ça va
--------------
ton site est sous quelle version html?
---------------
pour les css 'modernes' (tu n'as plus aucune ligne de code html de mise en forme)
http://css.alsacreations.com/
et http://openweb.eu.org/

ottomar · Message par **ottomar** » 17 mars 2005, 10:31

ce qui m'embete le plus quand je suis invité...
c'est

mangez de la cancoillotte, ça rend joyeux

Hawky · Message par **Hawky** » 17 mars 2005, 10:40

moi quand je suis invité, je me présente lorsqu'on ne me connait pas.

GO · Message par GO » 17 mars 2005, 11:06

Re-bonjour,

le site en question est www.humanitary.ch

Vous pouvez me joindre sur cette adresse e-mail:

webmaster@humanitary.ch

Merci de me donner un coup de main

Hawky · Message par **Hawky** » 17 mars 2005, 11:40

Je ne veux pas dire mais ton forum phpBB n'est pas à jour (v 2.0.6)...
Attention aux failles !
On en est à la version 2.0.13 !!!
http://phpbb-fr.com/news.php

Invité · Message par **Invité** » 17 mars 2005, 11:55

Hawky a écrit :Je ne veux pas dire mais ton forum phpBB n'est pas à jour (v 2.0.6)...
Attention aux failles !
On en est à la version 2.0.13 !!!
http://phpbb-fr.com/news.php

Je sais...merci

-GO- · Message par **-GO-** » 17 mars 2005, 12:07

Hawky a écrit :Je ne veux pas dire mais ton forum phpBB n'est pas à jour (v 2.0.6)...
Attention aux failles !
On en est à la version 2.0.13 !!!
http://phpbb-fr.com/news.php

Il y a 2 ou 3 choses que je dois améliorer dont la fiche de style css qui ne fonctionne pas avec mozilla fire fox

Peux-tu m'aider pour ff

NaWer · Message par **NaWer** » 17 mars 2005, 12:45

Bonjour,

il faut que tu mettes ceci :

Code : Tout sélectionner

<link title="NomDuStyle" rel="stylesheet" href="inc/style.css" type="text/css" />
<STYLE TYPE="text/css">
[...]

</STYLE>

dans le <head> et non dans le corps (body)

(utilise plutot l'extension css pour ta feuille de style

)

Ensuite, ta feuille de style est mal formée.
tu n'as pas besoin de mettre <STYLE TYPE="text/css">
Par la suite, tu peux la validé avec cet outil

De plus, il faut un DocType qui se place en tout début (avant le <html>),

Code : Tout sélectionner

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

devrait convenir.
et pense aussi a limiter le nombre d'erreurs dans ta page

-GO- · Message par **-GO-** » 17 mars 2005, 17:59

NaWer a écrit :Bonjour,

il faut que tu mettes ceci :
Code : Tout sélectionner
<link title="NomDuStyle" rel="stylesheet" href="inc/style.css" type="text/css" />
<STYLE TYPE="text/css">
[...]

</STYLE>
dans le <head> et non dans le corps (body)
(utilise plutot l'extension css pour ta feuille de style )

Ensuite, ta feuille de style est mal formée.
tu n'as pas besoin de mettre <STYLE TYPE="text/css">
Par la suite, tu peux la validé avec cet outil

De plus, il faut un DocType qui se place en tout début (avant le <html>),
Code : Tout sélectionner
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
devrait convenir.
et pense aussi a limiter le nombre d'erreurs dans ta page

Re-

Je te remercie de me donner un coup de main. J'ai fait déjà deux ou trois modifs sur cette adresse www.humanitaire.ws/actu2.php mais cela ne marche pas. Qu'en penses-tu?

Je crains devoir tout revoir en terme de CSS.
Aye
@+

calimo · Message par **calimo** » 17 mars 2005, 18:05

Visiblement ton <STYLE TYPE="text/css"> est toujours dans le <body>, on a dit qu'il devait aller dans le <head> (c'est à dire entre <head> et </head>

).

Ensuite je ne sais pas où est passé ton <link> dans lequel il y avait un lien vers la CSS externe

Invité · Message par **Invité** » 17 mars 2005, 21:20

au cas où tu ne l'aurais pas compris le <link title="nom du style" rel="stylesheet" href="style.css" type="text/css" /> est au <style>(...)</style> ce que <script src="script.js" /> est au <script>(...)</script>

donc ça permet d'avoir un fichier de définition de style externe à la page html => gain de place et d'efficacité dans la maintenance ...

donc tu déplaces tout ce qui se trouve dans <style>(...)</style> dans un fichier (par exemple style.css) et tu dois ajouter dans <head>...</head> le <link... />

si tu avais déjà tout compris, ignore mon message

SB · Message par SB » 18 mars 2005, 08:07

Je pense que Calimo l'a parfaitement compris. Ce qu'il voulait te faire remarquer c'est que dans ta page originale tu as placé entre <body> et </body>

Code : Tout sélectionner

<link rel="stylesheet" href="inc/style.inc" type="text/css">

<STYLE TYPE="text/css">
[...]
</STYLE>

Nawer t'a dit de déplacer tout ça entre les balises <head> et </head> mais dans ton 2e essai tu t'es contenté de supprimer la ligne <link ...>. Forcément ça ne va pas mieux marcher.
Alors soit cette ligne était inutile dès le départ, soit elle sert à quelque chose car il y a un fichier externe associé et tu la laisses entre <head> et </head>. Tu en profites pour déplacer au même endroit, c'est à dire entre les balises <head> et </head> la partie <STYLE TYPE="text/css">
[...]
</STYLE>.
D'autre part le doctype que tu as mis est incomplet. C'est

Code : Tout sélectionner

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Au cas où tu ne l'aurais pas compris la structure d'une page html c'est

Code : Tout sélectionner

<doctype>
<html>
     <head>
     Ici les balises <title>, <meta>, <style>, <link> et certaines <script>
     </head>
     <body>
     Le contenu de ta page
     </body>
</html>

HP · Message par HP » 18 mars 2005, 08:41

c'est pourtant pas si compliqué !

et au pire on va voir la source de sites corrects pour vérifier que l'on a pas fait de bourde ...

Geckozone

Style.css ne s'affiche pas

Style.css ne s'affiche pas

feuille de style

Qui est en ligne ?