Page 1 sur 1
Feuille de style externe se répéte mal! [RESOLU]
Publié : 07 oct. 2008, 20:25
par GAUNCE
Bonsoir,
Je suis en train de faire une nouveau site,(enfin j'essaie car je suis déja en panne). Au contraire du premier, j'ai fait une feuille externe pour ne pas à avoir à entrer les paramètres.
J'ai repris mot à mot le tuto de Gagea. J'ai fait ma première page, exporter la feuille et sur d'autres pages je n'ai que le fond du body qui s'affiche, sur une autre, une image en plus?
Déja, quand je crée une page neuve, s'il y a le lien vers la feuille externe dans le code, il n'y a rien dans le html, en plus du problème sus-cité.
J'ai sauté un épisode ou quoi?
Le contenu de ma feuille externe:
Code : Tout sélectionner
body {
background-repeat: repeat-x;
background-position: center center;
background-image: url(elements/fonbody.jpg);
}
#page {
margin-right: auto;
background-repeat: repeat-y;
background-position: center center;
height: 760px;
text-align: left;
margin-left: auto;
width: 987px;
background-image: url(elements/fondpage.gif);
}
#nef {
background-repeat: no-repeat;
background-position: center top;
text-align: left;
margin-right: auto;
margin-left: auto;
padding-top: 20px;
width: 940px;
height: 212px;
background-image: url(elements/nef.png);
}
.violoniste {
margin-top: 70px;
margin-right: 150px;
width: 103px;
height: 126px;
float: right;
}
Le code html:
Code : Tout sélectionner
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><meta
content="text/html; charset=ISO-8859-1"
http-equiv="content-type"><title>Les archets de l'Adour</title><link
rel="stylesheet" href="monStyle.css" type="text/css"></head>
<body><div id="page"><div id="nef"><img
class="violoniste" alt="violoniste"
src="elements/violoniste.gif"><br></div></div><br></body></html>
Publié : 08 oct. 2008, 08:44
par Gagea
Bonjour Gaunce,
Quand, sur ta première page tu as créé tes styles et que tu as exporté la feuille de style, pour faire les autres pages tu pourrais essayer de faire:
- Fichier / Enregister-sous à partir de la première page
tu donnes un autre nom de fichier
tu donnes un autre titre à la page
tu modifies le contenu et tu sauvegardes.
Ainsi tu embarques déjà la feuille de style et tu n'as pas besoin de la récupérer.
Je ne sais pas si c'est académique... mais je procède toujours de cette façon, même avant d'utiliser Kompozer et la mise en forme avec CSS.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
Publié : 08 oct. 2008, 10:22
par chinon37
petite question: monStyle.css est au même niveau que ta page dans l'arborescence ou dans un dossier autre (style par exemple)?
Dans le nom de ta feuille css, il y a bien cette majuscule? un conseil: renommes ton fichier pour la supprimer, les majuscules et les signes spéciaux dans les noms de fichiers sont sources de problèmes...
Tes div sont vides, probablement la cause de ton probléme.
2 - 3 lettres dans chaque div devraient suffire à tout faire apparaître, que tu supprimeras lorsque tu mettras du contenu.
KpZ déteste l'absence de contenu dans les bloc!!
Publié : 08 oct. 2008, 10:52
par GAUNCE
Ma feuille est à la racine du site.. J'ai renommé "monStyle" en "monstyle".
Je prends une feuille vierge que je nomme et enregistre. Je fais : "feuille liée " enregistrer" mon body apparait, pas le reste...Kompozer n'inscrit rien dans la partie html?!. S'il faut à chaque modif dans le CSS aller faire un copier-coller dans le html! ou est l'intérêt de la feuille externe? un peu plus de copier-coller en plus ou en moins.
Qu'est ce que tu appelles 3 lettres dans chaque div? il n'y a aucun div de crée puisque la page est vierge, hormis dans la feuille liée?,!!!...
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
Publié : 08 oct. 2008, 11:09
par chinon37
Normal que tu ne vois rien s'il n'y a aucun div de créé (si ta page est vide):
- Ta feuille de style contient des id et des classes qui définissent l'aspect de tes blocs > ces ids et classes doivent donc être attribués à ces blocs.
La feuille de style n'est pas un modèle. J'ai l'impression que tu confonds les deux.
- un modèle reprend la structure de la page en recopiant tous les blocs
- une feuille de style donne la mise en forme en regroupant les différentes caractéristiques dans un même document. Elle permet de modifier ces caractéristiques pour toutes les pages y afférentes en une seule fois
Publié : 08 oct. 2008, 11:23
par GAUNCE
je ne sais pas si je "confuse" mais c'est ce que je dis!
Si je veux au départ avoir le même design, pour moi , la page, l'en-tête, le logo sur toutes mes pages, il faut que je fasse un copier-coller du code htm de ma première pagel, dans toutes les pages?! après c'est vrai si je modifie la feuille cela s'appliquera à toutes les pages Ok.
Ou donne moi la marche à suivre à partir d'une page crée pour avoir la même chose sur toutes les autres!...
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
Publié : 08 oct. 2008, 11:37
par chinon37
Oui, tu confusais bien
La feuille de style n'intervient pas sur le contenu html de ta page.
Pour avoir toutes les pages avec les mêmes blocs, en-tête et pied de page, je fonctionne un peu comme Gagea, car la fonction "modèle" de KpZ ne me convient pas car très limitée.
Je crée une page de base que je nomme "modele.html" avec la feuille de style externe associée.
Puis, pour toute nouvelle page, j'ouvre modele.html et
avant toute modification, je fais "enregistrer sous..." et je donne le nom que je souhaite au nouveau fichier.
Ainsi, les blocs sont tous créés, la feuille de style est déjà liée.
ça marche également avec une page php si tu fais des "include". Dans ta page de base, tu fais déjà tous tes "include" et tu enregistres la page de base en modele.php. Les nouvelles pages seront également enregistrées en .php.
Publié : 08 oct. 2008, 11:52
par GAUNCE
" Ah voilà une explication qu'elle est bonne!"
Nous sommes donc d'accord, à part qu'il faut créer un modèle html!
Gagea, je pense que tu pourrais, dans ton tuto, mettre ce genre d'infos car il y aura ,peut-être, d'autres c... me moi!
Thank you very much, Mister Wine!
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
Publié : 08 oct. 2008, 12:49
par Gagea
GAUNCE a écrit :Gagea, je pense que tu pourrais, dans ton tuto, mettre ce genre d'infos
Oui, je le ferai en décrivant la méthode de Chinon (créer une page modele.html).
Si tu rencontres d'autres problèmes en suivant mon tuto je compte sur toi pour me le dire. Il y a 2 jours c'est Toutiweb qui a galéré et aujourd'hui c'est toi. Je sens que je vais avoir du boulot.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.9.0.3) Gecko/2008092417 Firefox/3.0.3
Publié : 08 oct. 2008, 14:11
par chinon37
C'est ça, l'esprit du libre. Exploiter les ressources et les difficultés des autres pour améliorer son propre travail
