Page 1 sur 2
Kpz/Kazcades/CSS
Publié : 19 févr. 2007, 15:07
par Gilletarom
Bonjour,
J'ai une feuille de style.
- Soit je la place en interne entre <head> et </head> et tout fonctionne.
- Soit je fais une feuille externe liées et alors :
* * que je mette le lien à la main dans le code entre <head> et </head>
* * que j'utilise Kazcades pour intégrer la feuille et mettre en place le lien, Dans les deux cas la feuille n'est pas activée. Par exemple l'image de fond ne s'affiche pas.
Où est mon erreur ?
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1
Kpz/Kazcades/CSS/
Publié : 19 févr. 2007, 15:10
par Gilletarom
J'ai oublié de coller le texte de la CSS
body {
border-style: none;
border-width: 0px;
margin: auto;
padding: 0px;
width: 800px;
direction: ltr;
font-family: Arial,Helvetica,sans-serif;
color: #000000;
font-weight: normal;
font-style: normal;
text-transform: none;
text-align: center;
text-decoration: none;
font-size: medium;
line-height: normal;
background-image: url(A_Images_liens/Fond_page.jpg);
list-style-position: outside;
background-repeat: repeat-x;
opacity: 1;
}
Cordialement
Gilletarom
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1
Publié : 19 févr. 2007, 16:05
par Ymai
Bonjour
Le fonctionnement correct des feuilles de style externes requiert un (ou même plusieurs) passage(s) du nettoyeur de balises ( > Outils > Nettoyeur de balises)
Publié : 19 févr. 2007, 16:39
par chinon37
d'autre part, la feuille de style externe a-t-elle bien été mise sur le serveur?
Peux-tu donner l'adresse de ta page?
et l'image est bien sur le serveur dans le dossier intitulé "A_Images_liens"?
Publié : 19 févr. 2007, 18:55
par Gilletarom
Bonjour encore,
chinon37 a écrit :d'autre part, la feuille de style externe a-t-elle bien été mise sur le serveur?
Peux-tu donner l'adresse de ta page?
et l'image est bien sur le serveur dans le dossier intitulé "A_Images_liens"?
Je suis formel, tout est en ordre les fichiers sont la où ils doivent être.
D'ailleurs, j'ai fabriqué deux pages semblables:
- Celle ci avec une feuille de style extrene et liée
http://www.cdck77.org/news.php
Celle la avec une feuille de style interne.
http://www.cdck77.org/news_Feuille_CSS_Interne.php
Il est possible de basculer de l'une à l'autre en allant tout en bas de chaque page. Dans la page "verte/rouge", l'image de fond s'affiche et les liens virent au bleu. C'est la page avec feuille interne,
Dans la page à fond blanc, la feuille est liée. Les liens ne virent pas au bleu.
Pour info, ces pages sont des pages ".php" et comportent 4 appels d'autres pages qui sont aussi des ".php". Ces 4 sous-pages constituent la page.
Encore une précisions, ces 4 sous-pages ne comportent pas de feuille de style.
Dernier truc : J'ai un serveur apache avec php5 sur ma machine et cele me pose le même problème chez moi que sur le serveur distant.
Merci d'avance à qui éclairera ma lanterne.
Cordialement
Gilletarom.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1
Publié : 19 févr. 2007, 19:00
par Ymai
Bonjour
Je remarque que je n'ai pas accès au répertoire "Include_CSS" qui contient la feuille de style externe.
Peut-être en est-il de même pour le serveur?
J'ouvrirais le répertoire pour commencer.
Publié : 19 févr. 2007, 19:03
par chinon37
question à 100 sous: cela ne viendrait-il pas du média déclaré?: screnn au lieu de screen?
De toute façon, il y a tellement de traces de Frontpage dans le code que sans un nettoyage sévère, il sera difficile de s'y retrouver
Sauf peut-être sur un forum microsoft?
De plus, malgré la feuille css externe, on retrouve dans le code:
Code : Tout sélectionner
<body
style="text-align: left; color: rgb(0, 0, 0); background-color: rgb(255, 255, 204); background-image: url(A_Images_liens/Fond_page.jpg); direction: ltr;"
ce qui ne peut faire qu'un superbe conflit...
J'abandonne...
Publié : 19 févr. 2007, 19:40
par jpbardiau
Il y a fois les balises <head></head> et <body></body>
Code : Tout sélectionner
<head>
<meta content="fr" http-equiv="Content-Language">
<meta name="Author" content="Gilletarom">
<meta name="Description"
content="Site web Comité départemental de canoë kayak 77">
<meta name="Keywords"
content="Canoë; Kayak; Canoë-kayak; Pagaie; Ile de France; Seine et Marne; Comité départemental de canoë-kayak du 77; Randonnées nautique; Descente de rivière; Slalom; Descente; Free style; Free-style;Kayak polo; Kayak-polo; Course en ligne; La Seine; La Marne; Le Loing; Le Grand Morin; Le Petit Morin; Meaux; Verdelot; Saint Rémy de la Vanne; Coulommiers; Lagny; Vaires; Chelles; Torcy; Dammarie les Lys; Ecuelles; Thomery; Souppes sur Loing; La Ferté sous Jouarre; ">
<meta content="text/html; charset=windows-1252"
http-equiv="Content-Type">
<script language="JavaScript" fptype="dynamicanimation"
type="text/javascript">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation"
src="animate.js" type="text/javascript">
</script>
<script type="text/javascript">
var titre = "CD CK 77 : Bonjour ";
function bougerTitre() {
titre = titre.substring(1, titre.length) + titre.substring(0, 1);
document.title = titre;
setTimeout("bougerTitre()", 1000);
}
bougerTitre();
</script>
<title>CD CK 77 : Toutes les nouveautés</title>
<link title="Feuille_generale" media="screnn" rel="stylesheet"
href="Include_CSS/CSS_general.css" type="text/css">
</head>
<body style="direction: ltr;" onload="dynAnimation()">
<table
style="width: 800px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr style="vertical-align: top;">
<td colspan="1" rowspan="2"
style="text-align: center; vertical-align: top;"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr">
<head>
<meta name="generator"
content="HTML Tidy for Windows (vers 12 April 2005), see www.w3.org">
<meta content="text/html; charset=windows-1252"
http-equiv="Content-Type">
<meta content="fr" http-equiv="Content-Language">
<title>CD CK 77 : Menu gauche index</title>
<meta content="Microsoft FrontPage 5.0" name="GENERATOR">
<meta content="FrontPage.Editor.Document" name="ProgId">
<meta content="loosegst 000" name="Microsoft Theme">
<meta content="tlb, default" name="Microsoft Border">
</head>
<body
style="text-align: left; color: rgb(0, 0, 0); background-color: rgb(255, 255, 204); background-image: url(A_Images_liens/Fond_page.jpg); direction: ltr;"
alink="#999900" link="#cc6633" vlink="#663399">
Que se passe-t-il dans ce cas-là ? Le navigateur ne tient compte que de la dernière ?
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9a2) Gecko/20070206 GranParadiso/3.0a2
Publié : 19 févr. 2007, 19:59
par Gilletarom
Bon, j'en ai trop demandé.
Merci pour "screen" mais je sais que cela ne suffit pas parce que j'avais essayé avec "All" au préalable.
Mais pour Frontpage, connais pas. Tout a été fait avec Nvu et maintenant Kpz.
Je note le mot "conflit" Donc, je vais faire un grand ménage sur mes fichiers de base. De toute façon, c'est ce que je me préparais à faire puisque je veux passer à l'emploi des CSS.
Je vous ferai signe un autre jour si je n'y arrive pas.
Merci d'avoir jeté un oeil sur mes pages.
Cordialement
Gilletarom.
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1
Publié : 19 févr. 2007, 20:05
par Ymai
Gilletarom a écrit :Mais pour Frontpage, connais pas.
MDR
Allons, allons. Il n'y a pas de honte à abandonner un logiciel qui produit du code foireux.
Une chose est sûre: le code tel qu'il est ne passe pas le rasoir de KompoZer/NVU.
Mais il est sans doute le fruit de l'utilisation des "include" pas tout à fait judicieuse. Les fragments à inclure ne peuvent, à mon avis, être édités directement avec KpZ/NVU: il faut impérativement utiliser un éditeur externe qui ne voudra pas, à tout prix, rajouter des entêtes.
Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; fr; rv:1.8.1.1) Gecko/20061208 Firefox/2.0.0.1
Publié : 19 févr. 2007, 20:11
par Do-IT
5 doctype dans news.php, record battu. Le meilleur des nettoyeurs n'y retrouverai pas ces petits.
Le code ressemble un peu à du nvu. Mais quand tu inseres du code html, copie seulement ce qu'il y a entre les balises body (pas le balises doctypee head body)
Publié : 19 févr. 2007, 20:32
par chinon37
+1 sur ce qu'a dit Ymai, il n'y a aucune honte à avoir utilisé Frontpage et il n'y a pas de honte à le quitter.
Mais on ne peut pas dire que frontpage n'est pas passé par là: quand on voit le code de la page!:
Code : Tout sélectionner
<meta content="Microsoft FrontPage 5.0" name="GENERATOR">
<meta content="FrontPage.Editor.Document" name="ProgId">
<meta content="loosegst 000" name="Microsoft Theme">
<meta content="tlb, default" name="Microsoft Border">
Simplement, ça fait un code tellement complexe, obsolète, avec es balises qui ne devraient plus exister que les bras m'en tombent
Publié : 21 févr. 2007, 22:20
par Gilletarom
Bonjour,
Je reviens sur ce message et sur ceux qui précèdent dans ce sujet que j'ai créé.
1° La page générée dont il était question est lancée par une première page, qui ressemble à un template, dans laquelle il y a 4 appels de page dont trois sont quasiment immuables tout au long de l'année et un est modifié en fonction du sujet. (Utilisation de 4 include).
2° Toutes les pages appelées comportent un header, ce qui permet de les voir en activité lors de leur consctruction. A l'expérience, le header de la page appelante s'impose aux pages appelées (Du moins c'est ce que j'ai compris mais ... ?)
3° Revenons sur mes galères initiales qui ont motivées ce sujet de conversation .
- Il faut que le fichier .css de la feuille de style soit dans le répertoire d'appel de la page qui l'utilise.
- Soit dit en passant, je n'ai pas trouvé trace de ceci dans mes recherches sur le net (Mais c'est sans doute dit quelque part).
- Soit dit en passant, j'utilise l'excellent logiciel filezilla pour faire les transferts ftp mais ce logiciel ne retire pas la partie locale de l'adresse du fichier de la feuille de style. Ce qui explique entre autre mes galères.
- Soit dit en passant encore, Kascade ne le fait pas non plus. Il faut donc penser à le faire manuellement en mettant la main dans le camboui.
Je suis assez heureux ce soir car en en 3 jours, j'ai fait plus de progrès qu'en 6 mois sur l'emploi des CSS. Désormais, certaines pages appelantes qui sont en ligne ne fonctionnent qu'avec une feuille de style liée qui sert aussi à l'une des pages appelées.
J'ai encore du pain sur la planche mais cette page là fonctionne bien en ligne, du moins chez moi, avec IE 7, Opéra 9.1 et FF 2 (Il y encore des warning à éliminer).
http://www.cdck77.org/Nos_actions__Stag ... Lathus.php
A propos, si cette page ne s'affichait pas correctement avec d'autres navigateurs (linux ou Mac), ayez la gentillesse de me l'indiquer. Merci d'avance.
En ce qui concerne la question de jpbardiau, il faudrait qu'un spécialiste réponde concernant la présence de plusieurs header et de plusieurs corps dans la page générée. Mais j'avais lu quelque part que cela ne posait pas de problème.
Cordialement
Gilletarom
jpbardiau a écrit :Il y a fois les balises <head></head> et <body></body>
Code : Tout sélectionner
<head>
<meta content="fr" http-equiv="Content-Language">
<meta name="Author" content="Gilletarom">
<meta name="Description"
content="Site web Comité départemental de canoë kayak 77">
<meta name="Keywords"
content="Canoë; Kayak; Canoë-kayak; Pagaie; Ile de France; Seine et Marne; Comité départemental de canoë-kayak du 77; Randonnées nautique; Descente de rivière; Slalom; Descente; Free style; Free-style;Kayak polo; Kayak-polo; Course en ligne; La Seine; La Marne; Le Loing; Le Grand Morin; Le Petit Morin; Meaux; Verdelot; Saint Rémy de la Vanne; Coulommiers; Lagny; Vaires; Chelles; Torcy; Dammarie les Lys; Ecuelles; Thomery; Souppes sur Loing; La Ferté sous Jouarre; ">
<meta content="text/html; charset=windows-1252"
http-equiv="Content-Type">
<script language="JavaScript" fptype="dynamicanimation"
type="text/javascript">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation"
src="animate.js" type="text/javascript">
</script>
<script type="text/javascript">
var titre = "CD CK 77 : Bonjour ";
function bougerTitre() {
titre = titre.substring(1, titre.length) + titre.substring(0, 1);
document.title = titre;
setTimeout("bougerTitre()", 1000);
}
bougerTitre();
</script>
<title>CD CK 77 : Toutes les nouveautés</title>
<link title="Feuille_generale" media="screnn" rel="stylesheet"
href="Include_CSS/CSS_general.css" type="text/css">
</head>
<body style="direction: ltr;" onload="dynAnimation()">
<table
style="width: 800px; text-align: left; margin-left: auto; margin-right: auto;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr style="vertical-align: top;">
<td colspan="1" rowspan="2"
style="text-align: center; vertical-align: top;"><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr">
<head>
<meta name="generator"
content="HTML Tidy for Windows (vers 12 April 2005), see www.w3.org">
<meta content="text/html; charset=windows-1252"
http-equiv="Content-Type">
<meta content="fr" http-equiv="Content-Language">
<title>CD CK 77 : Menu gauche index</title>
<meta content="Microsoft FrontPage 5.0" name="GENERATOR">
<meta content="FrontPage.Editor.Document" name="ProgId">
<meta content="loosegst 000" name="Microsoft Theme">
<meta content="tlb, default" name="Microsoft Border">
</head>
<body
style="text-align: left; color: rgb(0, 0, 0); background-color: rgb(255, 255, 204); background-image: url(A_Images_liens/Fond_page.jpg); direction: ltr;"
alink="#999900" link="#cc6633" vlink="#663399">
Que se passe-t-il dans ce cas-là ? Le navigateur ne tient compte que de la dernière ?
Cordialement
Gilletarom
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1
Publié : 21 févr. 2007, 23:03
par Invité
Bonjour encore,
Ymai a écrit :MDR
Allons, allons. Il n'y a pas de honte à abandonner un logiciel qui produit du code foireux.
Désolé Ymai mais je persiste et signe. je n'utilise que Nvu depuis juillet 2005 et maintenant Kpz depuis quelques semaines. Je n'ai jamais utilisé frontpage. Tout ce que vous voyez à été créé par Nvu ou Kpz. Alors, si le code est foireux, je veux bien en prendre ma part mais y faudra voir comment on y arrive uniquement avec Nvu/Kpz.
Quant au épinglée ci dessous viennent d'un copier coller d'un bout de code que j'ai trouvé sur le net et je n'y avais pas pris garde.
C'est promis, pour vous faire plaisir, je vais les enlever.
Pour le reste, voila le code de la page appelante tel qu'il est ce soir :
Code : Tout sélectionner
<?php //anti-moz ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="fr">
<head>
<meta content="fr" http-equiv="Content-Language">
<meta name="Author" content="Gilletarom">
<meta name="Description"
content="Site web Comité départemental de canoë kayak 77">
<meta name="Keywords"
content="Canoë; Kayak; Canoë-kayak; Pagaie; Ile de France; Seine et Marne; Comité départemental de canoë-kayak du 77; Randonnées nautique; Descente de rivière; Slalom; Descente; Free style; Free-style;Kayak polo; Kayak-polo; Course en ligne; La Seine; La Marne; Le Loing; Le Grand Morin; Le Petit Morin; Meaux; Verdelot; Saint Rémy de la Vanne; Coulommiers; Lagny; Vaires; Chelles; Torcy; Dammarie les Lys; Ecuelles; Thomery; Souppes sur Loing; La Ferté sous Jouarre; ">
<meta content="text/html; charset=windows-1252"
http-equiv="Content-Type">
<script language="JavaScript" fptype="dynamicanimation"
type="text/javascript">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation"
src="animate.js" type="text/javascript">
</script>
<script type="text/javascript">
var titre = "CD CK 77 : Bonjour ";
function bougerTitre() {
titre = titre.substring(1, titre.length) + titre.substring(0, 1);
document.title = titre;
setTimeout("bougerTitre()", 1000);
}
bougerTitre();
</script>
<title>CD CK 77 : Stages, Détection et perfectionnement eau
vive.</title>
<link title="Feuille_generale" media="screen"
rel="stylesheet" href="A_CSS_general.css" type="text/css">
</head>
<body style="direction: ltr;" onload="dynAnimation()">
<div>
<div id="menu_gauche"><a name="Haut"></a><?php include ("A_Menu_gauche_universel_.php"); ?></div>
<div id="menu_haut"><?php include ("A_Menu_Haut_index_Normal.php"); ?></div>
<div id="contenu"><?php $Page_affichee= 'Nos_actions__Stage_2007_04_Avril_Lathus_Contenu.php'; include ($Page_affichee); ?></div>
<div id="pied_page"><?php include ("A_Bas_page_Universel_1.html"); ?></div>
</div>
</body>
</html>
Les 4 pages :
- A_Menu_gauche_universel_.php
- A_Menu_Haut_index_Normal.php
- Nos_actions__Stage_2007_04_Avril_Lathus_Contenu.php'
- A_Bas_page_Universel_1.html
sont évidemmment ouvertes et sauvegardées sans pb par KpZ. Et evidemment, elles comportent toutes un header et un corps. Ce qui explique que l'on retrouve ces header et ces corps dans la page GENEREE par le serveur de l'hébergeur.
La présence de tous ces header et de tous ces corps renvoie à la question de JPBardiau. Je suis curieux de voir si une réponse à cette question la.
Cordialement,
Gilletarom
Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.1) Gecko/20061204 Firefox/2.0.0.1
Publié : 22 févr. 2007, 09:29
par chinon37
Bonjour:
Préalable: lors de citation de code source, merci d'encadrer ce code des balises
afin d'éviter des messages trop longs et de mettre le code en évidence. (En sélectionnant le code et en cliquant sur "code" au dessus du cadre du message, on arrive au même résultat)
pour simplifier le code et éviter tous ces header, il faut savoir qu'un "include" peut (doit) se passer de l'entête html:
Code : Tout sélectionner
<div id="menu_gauche"><img style="width: 100px; height: 132px;"
alt="CD CK 77" src="Logo_structures/Logo_CKCD77_4X3_L1.jpg"><a
href="news.php"><img
style="border: 0px solid ; width: 140px; height: 30px;"
src="A_Images_liens/Nouveautes.gif" alt="Nouveautés" align="middle"></a>
<a href="Cote_pratique_pour_aller_a.php"><img
style="border: 0px solid ; width: 140px; height: 30px;"
alt="C'est pratique :" src="A_Images_liens/Cest_pratique.jpg"
align="middle"></a><a href="B_Archives.php"><img
style="border: 0px solid ; width: 140px; height: 30px;" alt="Archives"
src="A_Images_liens/Archives.gif" align="middle"></a><a
href="Nos_actions.php"><img
style="border: 0px solid ; width: 140px; height: 30px;"
alt="Nos actions" src="A_Images_liens/Nos_actions.gif" align="middle"></a><a
href="LD_A_Les_disciplines.php"><img
style="border: 0px solid ; width: 140px; height: 30px;"
alt="Les disciplines" src="A_Images_liens/Les_disciplines.gif"
align="middle"></a><a href="manifestations.php"><img
style="border: 0px solid ; width: 140px; height: 30px;"
src="A_Images_liens/Manifestations.gif" alt="Manifestations"
align="middle"></a><a href="prestations.php"><img
style="border: 0px solid ; width: 140px; height: 30px;"
alt="Prestations" src="A_Images_liens/Prestations.gif" align="middle"></a><a
href="Diaporamas.php"><img
style="border: 0px solid ; width: 140px; height: 30px;"
src="A_Images_liens/Diaporamas.gif" alt="Diaporamas" align="middle"></a><a
href="structure_cd.php"><img
style="border: 0px solid ; width: 140px; height: 30px;"
src="A_Images_liens/Structure_cdck77.jpg" alt="structure CD"
align="middle"></a><a href="Rivieres_Accueil_.php"><img
style="border: 0px solid ; width: 140px; height: 30px;" alt="Rivières"
src="A_Images_liens/Rivieres.gif" align="middle"></a><a
href="Reglement_Securite_Sante.php"><img
style="border: 0px solid ; width: 140px; height: 30px;"
alt="Sécurité/Santé" src="A_Images_liens/Securite_Sante.jpg"
align="middle"></a><a href="Contact_.php"><img
style="border: 0px solid ; width: 140px; height: 30px;" alt="Contact"
src="A_Images_liens/Contact.jpg"></a>
<hr style="width: 100%; height: 2px;"><a href="Informations_legales.htm"><img
style="border: 0px solid ; width: 140px; height: 20px;"
alt="Info légales" src="A_Images_liens/Info_legales_140X20.jpg"></a><a
href="Informations_techniques.htm"><img
style="border: 0px solid ; width: 140px; height: 20px;"
alt="Info techniques" src="A_Images_liens/Info_techniques_140X20.jpg"></a></div>
ce code doit afficher exactement la même chose que ton fichier A_Menu_gauche_universel_.php
de plus, un fichier "include" n'est pas obligatoirement un fichier .php. Tu peux lui donner l'extension que tu veux. (par exemple .inc ou .aaa ou tout autre extension que tu inventes) le gros avantage est un repérage facile des différents types de fichiers dans ton dossier web.
Pour supprimer l'entête qui peut poser problème, il suffit d'ouvrir le fichier dans un éditeur texte comme notepad++, supprimer les lignes en trop et enregistrer avec l'extension comme dit ci-dessus.