OVH Cloud OVH Cloud

HTML kit et Mozilla 1.5b

13 réponses
Avatar
René ALBERT
J'essaie de me mettre aux CSS ...
HTML Kit (téléchargé en février dernier) me fabrique des CSS
version 1.3 et du HTML en 1.4 ...
Apparemment ça ne le gène pas, et il affiche correctement ce que
dit la feuille de style.
Ca affiche aussi OK avec IE, mais avec Moz, il refuse de tenir du
Fonds de page et des dimensions spécifiées pour H1 et H2

KOI2FO la d'dans ?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<title>Feuille de style Cours de Fiabilité|</title>
</head>
<body>
A {background-color:"#c4cff0"}
H1 {text-decoration:underline;text-align:center;font
size:14pt;font-family:Arial;font-weight: bold;color="#00008b"}
H2 {text-decoration:underline;font
size:12pt;font-family:Arial;font-weight:bold;color="#00008b"}
P
{text-decoration:none;font-size:8pt;font-family:Arial;font-weight:bold;color="#00008b"}
li
{text-decoration:none;font-size:8pt;font-family:Arial;font-weight:bold;color="#00008b"}
</body>
</html>

Merci pour toute aide.
--
Amicalement.

Retraites : un modèle mathématique simplifié
Divertissements : casse-têtes divers
Bridge : Conventions et Code en compétition
Probabilités

http://rene.albert1.free.fr

10 réponses

1 2
Avatar
Jerotito
René ALBERT écrivait :

KOI2FO la d'dans ?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 3.2//EN">
<html>
<head>
<title>Feuille de style Cours de Fiabilité|</title>
</head>
<body>
A {background-color:"#c4cff0"}
H1 {text-decoration:underline;text-align:center;font
size:14pt;font-family:Arial;font-weight: bold;color="#00008b"}
H2 {text-decoration:underline;font
size:12pt;font-family:Arial;font-weight:bold;color="#00008b"}
P
{text-decoration:none;font-size:8pt;font-family:Arial;font-weight:bold;color="#00008b"}

li
{text-decoration:none;font-size:8pt;font-family:Arial;font-weight:bold;color="#00008b"}

</body>
</html>



Commencez déjà par choisir le DOCTYPE 4.01 Transitional, disponible dans
ce que propose HTML-Kit.

Précisez aussi, via la commande correspondante, le jeu de caractères
<meta ... charset=iso-8859-1">.

Puis par déclarer les styles à l'intérieur du <HEAD> (dans un premier
temps, plus tard ce sera mieux en CSS externe) via le couple
<style type="text/css">
...
</style>

Indiquez, en plus du nom de votre police, celui de la famille générique
correspondante :
balise {font-family: Arial, sans-serif}

Enfin, prendre l'habitude d'écrire les noms de balises en minuscule ne
peut nuire à personne, même si ce n'est pas obligatoire à ce stade.

Et cherchez une bonne documentation.
SELFHTML (en français) n'est pas « totalement nul » :
<http://selfhtml.selfhtml.com.fr/>

Sinon, y'a encore les traductions des spécifications W3C :
<http://www.la-grange.net/w3c/html4.01/cover.html>
pour HTML 4.01, et les traductions CSS1/2 disponibles à partir de là :
<http://www.yoyodesign.org/doc/w3c/w3c.html>

--
<http://jerotito.org/>
Vivement un plug-in "grille-pain et cafetière" pour Mozilla...
Avatar
Jean-Francois Billaud
scripsit Frederic Bezies :


{text-decoration:none;font-size:8pt;font-family:Arial;font-weight:bold;color="#00008b"}





Peut-être rajouté le ";" manquant après tes déclarations de couleurs ?




http://www.w3.org/TR/REC-CSS1#appendix-b

Appendix B: CSS1 grammar

ruleset
: selector [ ',' selector ]*
'{' declaration [ ';' declaration ]* '}'


Le « ; » est un séparateur, pas un terminateur.


JFB

--
Rencontres du Logiciel Libre en Poitou-Charentes - 17 octobre 2003 :
http://melusine.eu.org/~acoul/rrll.html
Avatar
René ALBERT
Le 21/09/03 16:14, Jerotito a écrit :

> Commencez déjà par choisir le DOCTYPE 4.01 Transitional,
disponible dans
ce que propose HTML-Kit.



Fait, sans effet ... ;-)

Précisez aussi, via la commande correspondante, le jeu de caractères
<meta ... charset=iso-8859-1">.



Idem

Puis par déclarer les styles à l'intérieur du <HEAD> (dans un premier
temps, plus tard ce sera mieux en CSS externe) via le couple
<style type="text/css">
....
</style>



Hé hé, avec le style "interne", ça marche plus du tout ...
Avec la feuille "externe, ça marche suauf avec Moz...

Indiquez, en plus du nom de votre police, celui de la famille générique
correspondante :
balise {font-family: Arial, sans-serif}



Fait, sans effet ....

Au total, avec ce début de fichier Fiab.htm :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Cours de fiabilit&eacute;</title>
<meta content="text/html; charset=iso-8859-1">
<link type="text/css" rel="stylesheet" href="feuille.css"
</head>
<body>
....
et cette CSS :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Feuille de style Cours de Fiabilité|</title>
</head>
<body>
A {background-color: "#c4cff0";}
H1 {text-decoration: underline;text-align: center;font size:
14pt;font-family: Arial, sans-serif;font-weight: bold;color "#00008b";}
H2 {text-decoration: underline;font size: 12pt;font-family:
Arial, sans-serif;font-weight: bold;color= "#00008b";}
P {text-decoration: none;font-size: 8pt;font-family: Arial,
sans-serif;font-weight: bold;color= "#00008b";}
li {text-decoration: none;font-size: 8pt;font-family: Arial,
sans-serif;font-weight: bold;color= "#00008b";}
</body>
</html>

.. j'en suis toujours au même point !

Alors, bug Mozilla ? couille cachée ?

Et cherchez une bonne documentation.



Merci, je vais lire ça aussi (les sources W3C sont un "reference
manual, pas un user manual, hélas)

--
Amicalement.

Retraites : un modèle mathématique simplifié
Divertissements : casse-têtes divers
Bridge : Conventions et Code en compétition
Probabilités

http://rene.albert1.free.fr

Enlever NOSPAM dans l'adresse e-mail.
Avatar
Pascal Chevrel
Le 21/09/2003 19:09, René ALBERT a écrit :
<link type="text/css" rel="stylesheet" href="feuille.css"



balise non fermée


....
et cette CSS :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Feuille de style Cours de Fiabilité|</title>
</head>
<body>
A {background-color: "#c4cff0";}
H1 {text-decoration: underline;text-align: center;font size:
14pt;font-family: Arial, sans-serif;font-weight: bold;color > "#00008b";}
H2 {text-decoration: underline;font size: 12pt;font-family:
Arial, sans-serif;font-weight: bold;color= "#00008b";}
P {text-decoration: none;font-size: 8pt;font-family: Arial,
sans-serif;font-weight: bold;color= "#00008b";}
li {text-decoration: none;font-size: 8pt;font-family: Arial,
sans-serif;font-weight: bold;color= "#00008b";}
</body>
</html>

.. j'en suis toujours au même point !

Alors, bug Mozilla ? couille cachée ?



que fait tout ce code HTML dans le code CSS ? Feuille de style invalide.

Pascal

--
FAQ Mozilla/Netscape 7 en français : http://pascal.chevrel.free.fr/
Foros Mozilla en español : http://pascal.chevrel.free.fr/mozilla
Avatar
René ALBERT
Le 21/09/03 18:01, Pascal Chevrel a écrit :
...
Merci pour ton aide : j'ai tout corrigé comme tu l'indiquais :
sans effet !!!!

De quoi se les mordre ...

PS : pas de bug Moz signalé ?
--
Amicalement.

Retraites : un modèle mathématique simplifié
Divertissements : casse-têtes divers
Bridge : Conventions et Code en compétition
Probabilités

http://rene.albert1.free.fr

Enlever NOSPAM dans l'adresse e-mail.
Avatar
René ALBERT
Le 21/09/03 19:14, Pascal Chevrel a écrit :

que fait tout ce code HTML dans le code CSS ? Feuille de style invalide.



Je n'ai gardé que les balises : inchangé.




--
Amicalement.

Retraites : un modèle mathématique simplifié
Divertissements : casse-têtes divers
Bridge : Conventions et Code en compétition
Probabilités

http://rene.albert1.free.fr

Enlever NOSPAM dans l'adresse e-mail.
Avatar
ho alexandre
René ALBERT a écrit:
Merci pour ton aide : j'ai tout corrigé comme tu l'indiquais :
sans effet !!!!



Je veux bien que tu mettes ton exemple corrigé en ligne. Comme Pascal le
souligne, c'est alors bcp plus facile pour nous de te rendre service en
regardant exactement ce que tu as maintenant.

Par ailleurs, prends l'habitude d'ajouter un espace après chaque ;

--
XandreX
/I'm that kind of people your parents warned you about/
Avatar
B. MARTIN
René ALBERT a écrit :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Feuille de style Cours de Fiabilité|</title>
</head>
<body>
A {background-color: "#c4cff0";}
H1 {text-decoration: underline;text-align: center;font size:
14pt;font-family: Arial, sans-serif;font-weight: bold;color > "#00008b";}
H2 {text-decoration: underline;font size: 12pt;font-family:
Arial, sans-serif;font-weight: bold;color= "#00008b";}
P {text-decoration: none;font-size: 8pt;font-family: Arial,
sans-serif;font-weight: bold;color= "#00008b";}
li {text-decoration: none;font-size: 8pt;font-family: Arial,
sans-serif;font-weight: bold;color= "#00008b";}
</body>
</html>

.. j'en suis toujours au même point !

Alors, bug Mozilla ? couille cachée ?

Et cherchez une bonne documentation.




Merci, je vais lire ça aussi (les sources W3C sont un "reference
manual, pas un user manual, hélas)



Dans la feuille de style externe, il ne doit y avoir que ça :

A {
background-color: #c4cff0
}
H1 {
text-decoration: underline;
text-align: center;
font size:14pt;
font-family: Arial, sans-serif;
font-weight: bold;
color:#00008b;
}
H2 {
text-decoration: underline;
font size: 12pt;
font-family:Arial, sans-serif;
font-weight: bold;
color:#00008b
}
P {
text-decoration: none;
font-size: 8pt;
font-family: Arial,sans-serif;
font-weight: bold;
color:#00008b
}
li {text-decoration: none;
font-size: 8pt;
font-family: Arial, sans-serif;
font-weight: bold;
color:#00008b
}

et rien d'autre.
Pas de DTD, pas de <html>, pas de <body>, rien !

au passage je t'ai enlevé les = qui n'ont rien à faire là et les " qui
en l'occurence ne servent à rien.
--
Bernard MARTIN
http://www.america-dreamz.com
Avatar
René ALBERT
Le 21/09/03 20:18, ho alexandre a écrit :

Je veux bien que tu mettes ton exemple corrigé en ligne. Comme Pascal le
souligne, c'est alors bcp plus facile pour nous de te rendre service en
regardant exactement ce que tu as maintenant.



Merci, c'est sympa.

Avec l'extrait ci-dessous, seul Mozilla ne reconnait pas la
couleur de fond, et affiche par défaut celle que j'ai dans
Préférences/Appearance/Colors avec l'option "always use the color
specified by the Xzb page".

La CSS :

A {text-decoration: none; background-color: #c4cff0}
H1 {text-decoration: underline; text-align: center;font-size:
14pt; font-family: Arial, sans-serif; font-weight: bold; color:
#00008b}
H2 {text-decoration: underline; font-size: 12pt; font-family:
Arial, sans-serif; font-weight: bold; color: #00008b}
P {text-decoration: none; font-size: 8pt; font-family: Arial,
sans-serif; font-weight: bold; color: #00008b}
li {text-decoration: none; font-size: 8pt; font-family: Arial,
sans-serif; font-weight: bold; color: #00008b}

Le début de la page Web :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Cours de fiabilit&eacute;</title>
<meta content="text/html" charset="iso-8859-1">
<link rel="stylesheet" type="text/css" href="feuille.css">
</head>
<body>
<h1>Fiabilit&eacute;</h1>
<h2>A - Les objectifs de la fiabilit&eacute;</h2>
<p>
Une bonne fiabilit&eacute; s'obtient par :

.....
--
Amicalement.

Retraites : un modèle mathématique simplifié
Divertissements : casse-têtes divers
Bridge : Conventions et Code en compétition
Probabilités

http://rene.albert1.free.fr

Enlever NOSPAM dans l'adresse e-mail.
Avatar
Jerotito
René ALBERT répondait à ho alexandre :

Je veux bien que tu mettes ton exemple corrigé en ligne. Comme Pascal
le souligne, c'est alors bcp plus facile pour nous de te rendre
service en regardant exactement ce que tu as maintenant.





Merci, c'est sympa.

Avec l'extrait ci-dessous, seul Mozilla ne reconnait pas la couleur de
fond, et affiche par défaut celle que j'ai dans
Préférences/Appearance/Colors avec l'option "always use the color
specified by the Xzb page".



Quelle couleur de fond ?
Celle de la page, ou celle que vous affectez aux ancres ?

La CSS :

A {text-decoration: none; background-color: #c4cff0}
H1 {text-decoration: underline; text-align: center;font-size: 14pt;
font-family: Arial, sans-serif; font-weight: bold; color: #00008b}
H2 {text-decoration: underline; font-size: 12pt; font-family: Arial,
sans-serif; font-weight: bold; color: #00008b}
P {text-decoration: none; font-size: 8pt; font-family: Arial,
sans-serif; font-weight: bold; color: #00008b}
li {text-decoration: none; font-size: 8pt; font-family: Arial,
sans-serif; font-weight: bold; color: #00008b}



text-decoration: none pour <p> et <li> c'est tout à fait *superflu*.

D'autre part, si tout le texte est en Arial, il est plus simple d'
écrire body {font-family: Arial, sans-serif} et de déclarer des polices
pour les seules balises qui doivent utiliser une autre.

en outre, les propriétés répétées *peuvent* être groupées :
h1, h2, p, li {font-weight: bold; color: #00008b}
h1, h2 {text-decoration: underline}

Répétons que nous comprendrions bien plus facilement si nous pouvions
consulter directement le HTML et le CSS sur le site, au lieu d'en avoir
des extraits pas forcément significatifs (il manque le contexte).

--
<http://jerotito.org/>
Vivement un plug-in "grille-pain et cafetière" pour Mozilla...
1 2