Page 1 sur 1

Liaison feuille de style et fichier HTML

Publié : 16 sept. 2006, 10:36
par FREDJAC
Je galère sur un truc: :(
Je débute avec NVU (ver 1.0) et je suis en train de créer un fichier HTML et d'y associer un style (feuille de style liée au fichier HTML). Lorsque je ferme le fichier après enregistrement, à la réouverture, je ne retrouve pas la feuille de style associée. Mon texte apparait brut.
Ya-t-il une procédure pour lier la feuille CSS au fichier HTML?


Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

Publié : 16 sept. 2006, 10:38
par chinon37
éternelle question: adresse de la page sur le net ou code source de ta page?

Publié : 16 sept. 2006, 10:39
par FREDJAC
Il s'agit d'une page non encore éditée. (sur le net)

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

Publié : 16 sept. 2006, 10:47
par Omnisilver
Il nous faudrait donc le code source, comme l'a précisé chinon37 :wink:

Publié : 16 sept. 2006, 11:07
par Invité
Je suppose que vous voulez parler du fichier.HTML que j'ai stocké sur mon disque dur?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

Publié : 16 sept. 2006, 11:16
par FREDJAC
L'invité, c'était moi "FREDJAC" :? Pas l'habitude des FORUMS.
Je suppose que vous voulez parler du fichier.HTML que j'ai stocké sur mon disque dur?
Il s'agit donc bien du code source.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

Publié : 16 sept. 2006, 11:29
par Ymai
Vi, vi... Le code source.

Publié : 16 sept. 2006, 11:39
par FREDJAC
OK.
Avec NVU, j'ai créé une page (ma page.HTML).
Toujours dans NVU j'y ai associé une feuille de style CSS.
Tout se passe correctement jusqu'au moment où je referme le fichier (après sauvegarde). Lorsque je le réouvre.... toutes les mises en forme ont disparu ainsi que la feuille de style associée.
Aurais-je oublié une opération en cours de route?
Ma question est elle si idiote? :(

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

Publié : 16 sept. 2006, 12:24
par Ymai
Je crois que tant que nous n'aurons pas le code source, personne ne pourra donner un avis définitif.
A priori, l'ordre des opérations est parfaitement correct. Rien à redire de ce point de vue. Le reste de la réponse se trouve sans doute dans le code source.
Merci de le copier/coller ici.

Publié : 16 sept. 2006, 12:39
par FREDJAC
Voici le code source du fichier en question (Tutoriel NVU)
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html style="direction: ltr;" lang="fr-fr">
<head>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>Le langage HTML</title>
<meta content="fredjac" name="author">
<meta content="Une br&egrave;ve introduction au langage HTML"
name="description">
<link media="screen" rel="stylesheet" href=""
type="text/css">
<style type="text/css"></style>
</head>
<body
style="background-color: rgb(255, 255, 255); color: rgb(0, 0, 0);"
alink="#ee0000" link="#0000ee" vlink="#551a8b">
<br>
<h1>Hyper markup language</h1>
<h2>Pr&eacute;sentation</h2>
<p>HTML, sigle de Hypertext Markup Language
(lit&eacute;ralement, language de marquage Hypertexte), est le
langage concu pour cr&eacute;er les pages du World WideWeb. C'est
un language de description bas&eacute; sur SGML.</p>
<h2>Explication du langage HTML</h2>
<p>Les documents HTMLsont g&eacute;n&eacute;ralement
stock&eacute;s sur un&nbsp;serveur Web et sont
affich&eacute;es sur un Navigateur Web. Le document lui
m&ecirc;me est constitu&eacute; de balises, c'est &agrave;
dire un nom de marqueur plac&eacute; entre un signe plus
petit(<) et plus grand(>). Par exemple, la balise br
s'&eacute;crit <br>. Il existe des balises de fin,
qui repr&eacute;sentent la fin d'une balise apparue plus
t&ocirc;t dans le document, et qui sont marqu&eacute;es par une
barre oblique (/). Par exemple: </li> ferme une balise
pr&eacute;c&eacute;dente <li>.</p>
<p>Il y a 3 types de balises HTML:</p>
<ol>
<li>Un marqueur de structure: d&eacute;crit la fonction du
texte. exemple: <h1> Titre</h1></li>
<li>Un marqueur de pr&eacute;sentation : d&eacute;finit
la facon ont le texte doit &ecirc;tyre
pr&eacute;sent&eacute;. Exemple: <b> Texte
gras</b></li>
<li>Un marqueur Hyper texte: Etablit le lien avec d'autres
documents, au sein d'une page, d'un site ou entre des pages de sites
diff&eacute;rents. Exemple: <a
href="http.wikipedia.org">Wikipedia</a></li>
</ol>
<h2>Origine du language et but</h2>
<p>
Tel qu'il a &eacute;t&eacute; pens&eacute; &agrave;
l'origine par Tim Berners-Lee, le HTML ne sert pas &agrave;
d&eacute;crire le rendu ..............(contrairement &agrave;
la PAO)</p>
<h2>Perspective et avenir du HTML</h2>
<p>
Le HTML est un standard du W3C......................</p>
<h2>Pr&eacute;sentation des feuilles de style css</h2>
<p>
Css est principalement utilis&eacute; pour d&eacute;finir...</p>
<br>
<ol>
<li>Toute l'architecture visuelle d'un document
r&eacute;side dans un seul fichier, et peut donc &ecirc;tre mis
&agrave; jour facilement</li>
<li>Un m&ecirc;me document peut donner le choix
&agrave; plusieurs feuilles de style (impression ou lecture
&agrave; l'&eacute;cran par exemple.) certains navigateurs Web
permettent d'acc&eacute;der facilement &agrave; un choix de
feuilles de style</li>
<li>Le code HTML est consid&eacute;rablement
r&eacute;duit en taille et en complexit&eacute; , puis qu'il ne
contient plus de balises de pr&eacute;sentation.</li>
</ol>
<h2>Tableau comparatif entre HTML2.0 et XHTML 1.1</h2>
<table style="text-align: left; width: 100%;" border="1"
cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td style="width: 470px; text-align: center;"><big><big><big
style="font-weight: bold;"><span
style="font-style: italic;">HTML2.0 (1995)</span></big></big></big></td>
<td style="width: 471px; text-align: center;"><big><big><big><span
style="font-weight: bold; font-style: italic;">XHTML 1.1
(2001)</span></big></big></big></td>
</tr>
<tr>
<td style="width: 470px;"><!DOCTYPE HTML
PUBLIC "-//IETF//DTD HTML 2.0//EN"><br>
<title>Hello, world!</title><br>
<p>Hello, world!</td>
<td style="width: 471px;"><!DOCTYPE HTML
PUBLIC "-//W3C//DTD HTML
1.1//EN""http://www.w3.org/TR/xHTML11/DTD/xHTML11.dtd"><br>
<HTML<br>
xmlns="http://www.w3.org/1999/xHTML"><br>
<head><br>
<title>Hello, world!</title><br>
</head><br>
<body><br>
<p>Hello, world!</p><br>
<br>
</body><br>
</HTML></td>
</tr>
</tbody>
</table>
</body>
</html>


Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

Publié : 16 sept. 2006, 12:47
par Ymai
Re-
Je ne vois effectivement pas le nom du fichier contenant la feuille de style associée.

Code : Tout sélectionner

<link media="screen" rel="stylesheet" href=""
type="text/css"> 
href="" devrait contenir quelque chose. Quel est le nom de la feuille de style externe?
Il faut indiquer là le lien vers la feuille de style. Si cela a été fait, il faut maintenant comprendre pour quelle raison la mention disparaîtrait.
N'y aurait-il pas un caractère interdit dans le nom de lu fichier CSS?

Publié : 16 sept. 2006, 12:55
par FREDJAC
La ligne de code correspondant à l'instruction "href="""est générée à quel moment lorsqu'on utilise l'éditeur CSS? J'ai du oublier une opération. Je vais continuer à essayer diverses solution tout en surveillant la ligne de code dont tu me parles.
Merci pour le coup de main.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

Publié : 16 sept. 2006, 13:02
par Ymai
Je dirais:
1. au moment de transformer une feuille de styles interne en feuille de styles externe: http://info.sio2.be/NVU/2/13.php
2. au moment de donner le nom de la feuille de style externe que l'on souhaite construire de zéro.
Pas d'illustration possible pour le point 2: je n'ai plus NVU et la logique de KompoZer est un peu différente.

Publié : 16 sept. 2006, 14:47
par Invité
Ymai

Merci beaucoup pour ton aide précieuse.
Je crois que je devrais m'en sortir avec tes infos
A+
:D

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.6) Gecko/20060728 Firefox/1.5.0.6

Publié : 16 sept. 2006, 14:49
par Ymai
Merci de donner des nouvelles: l'expérience pourrait servir à d'autres.