28220 sujets

CSS et mise en forme, CSS3

Bonsoir,

j'ai lu le tutoriel de raphael sur les include mais je n'y arrive pas. Désolé raphael mais je trouve qu'il n'est pas assez complet Smiley confused

Je me pose plusieurs questions :
1 - Ma page originale qui s'appelle index.htm doit bien être transformée en index.php ?

2 - La déclaration change t'elle par rapport à une déclaration xhtml 1.0 ?

voilà ma page php qui me met une erreur
a écrit :
Parse error: parse error, unexpected T_STRING in /var/www/free.fr/1/5/guillaumebizet/TestInclude/index.php on line 1


Code page index.php
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-script-type" content="text/javascript" />
<meta http-equiv="Content-style-type" content="text/css" />
<meta http-equiv="Content-language" content="fr" />
<title>Nouveau Site</title>
<link href="GuizMo.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="conteneur">
	<div id="Header">
	<? include ("Header.htm"); ?>
	</div>
	<div id="main">
		<div id="navigation">
		futur menu
		</div>
		<div id="centre">
			<h1><strong>Vous êtes ici</strong> : Accueil</h1>
			<h2>Pourquoi ce nouveau site ?</h2>
			<p></p>
		</div>
	</div>
	<div id="footer">bla bla</div>
</div>
</body>
</html>


et code de Header.htm pour l'include
<div class="banniere"><p><a href="StandardsAccessibilite.htm">Accessibilité ll Standards</a></p></div>
<div class="infos"><a href="javascript:bookmarksite('Site de la Famille BIZET', 'http://guillaumebizet.free.fr')"><img alt="Ajoutez moi à vos favoris" src="Images/ToutesPages/etoile.gif" /></a><a href="javascript:HomePage()"><img alt="Faites de moi votre page de démarrage" src="Images/ToutesPages/home.gif" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://guillaumebizet.free.fr/');"/></a><script type="text/javascript">document.write(messageDate);</script> - <span id="clock" style="position:relative;"></span></div>


voilà l'adresse de ma css

Code css
/* -------------------------- Mise en page générale -------------------------- */

* { padding: 0;	margin: 0; }

body {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

#header {
	height: 130px;
	background: url(Images/ToutesPages/CadreHeader.jpg);
	}

#conteneur {
	position: absolute;
	width: 1000px;
	left: 50%;
	margin-left: -500px;
	}

html>body #main {
	height: auto;
	min-height: 540px;
	}

#main {
	width: 1000px;
	height: 540px;
	background: url(Images/ToutesPages/CadreMilieu.jpg) repeat-y;
	}

html>body #navigation {
	height: auto;
	min-height: 540px;
	}

#navigation {
	width: 200px;
	height: 540px;
	float: left;
	padding: 25px 0px 0px 0px;
	background: url(Images/ToutesPages/PenDuick.jpg) 10px bottom no-repeat;
	}

html>body #centre {
	height: auto;
	min-height: 540px;
	}	

#centre {
	height: 540px;
	margin-left: 200px;
	padding: 30px 0px 10px 0px;
	}
	
#footer {
	height: 28px;
	padding: 1px 15px 0px 15px;
	background: url(Images/ToutesPages/CadreBas.jpg) no-repeat;
	}


Si quelqu'un peut m'aider ça serait vraiment super parce que je patauge complètement Smiley cligne
Merci d'avance
Modifié par GuizBizet (10 Apr 2005 - 00:54)
bonsoir,

j'ai eu la meme erreur que toi il y a quelques temps. Enleve la et re essais.
Ne me demande pas pourquoi. J'en sais rien Smiley langue
Administrateur
Hello en fait le lien que tu donnes n'est qu'une présentation générale du principe.

Le tutoriel se trouve ici. Il devrait répondre à tes questions.

Pour l'erreur de parse error, c'est dû au prologue XML qui est confondu avec du PHP. De toute façon, ce prologue n'est pas utile, sauf su tu fais du XHTML déclaré comme étant du XML, ce que très peu de sites font.
les tags <? et ?> peuvent délimiter du code PHP, d'ou l'erreur.
Pour éviter ca, remplacer
<?xml version="1.0" encoding="iso-8859-1"?>

par
<?php echo '<?xml version="1.0" encoding="iso-8859-1"?'.'>'; ?>
bon.....
visiblement ça marche mieux et la premiere ligne a disparu du code source.

Hein?

Allez... un petit [résolu] et hop l'affaire est dans le sac Smiley ravi
Merci pour les explications, maintenant cela marche .... mais pas tout à fait !

Par contre pour moi le sujet n'est pas encore résolu car j'ai fais des essais.

Voir ici pour la page index
Voir la page Albums Photos

la page index est valide xhtml (clique sur bouton enbas dans le footer) par contra la page album photo ne l'est pas or elles ont exactement la même structure

Page index
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-script-type" content="text/javascript" />
<meta http-equiv="Content-style-type" content="text/css" />
<meta http-equiv="Content-language" content="fr" />
<title>Site Xhtml strict 1.0 et CSS de GuizMo</title>
<link href="GuizMo.css" rel="stylesheet" type="text/css" />
<link href="Transparence.css" rel="stylesheet" type="text/css" />
<script src="FonctionsGuizMo.js" type="text/javascript"></script>
</head>

<body>
<div id="conteneur">
	<div id="header">
	<? include ("Header.htm"); ?>
	</div>
	<div id="main">
		<div id="navigation">
		<? include ("Menu.htm"); ?>
		</div>
		<div id="centre">
			<h1><strong>Vous êtes ici</strong> : Accueil</h1>
			<h2>Pourquoi ce nouveau site ?</h2>
			<p>Bla bla bla etc </p>
		</div>
	</div>
	<div id="footer">
	<? include ("Footer.htm"); ?>
	</div>
</div>
</body>
</html>


et page Albums Photos
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-script-type" content="text/javascript" />
<meta http-equiv="Content-style-type" content="text/css" />
<meta http-equiv="Content-language" content="fr" />
<title>Site Xhtml strict 1.0 et CSS de GuizMo</title>
<link href="GuizMo.css" rel="stylesheet" type="text/css" />
<link href="Transparence.css" rel="stylesheet" type="text/css" />
<script src="FonctionsGuizMo.js" type="text/javascript"></script>
</head>

<body>
<div id="conteneur">
	<div id="header">
	<? include ("Header.htm"); ?>
	</div>
	<div id="main">
		<div id="navigation">
		<? include ("Menu.htm"); ?>
		</div>
		<div id="centre">
			<h1><strong>Vous êtes ici</strong> : <a href="index.htm">Accueil</a> > Albums Photos</h1>
			<h2>Bienvenue sur la page Liste des albums photos,</h2>
			<p>Bla bla bla</p>
		</div>
	</div>
	<div id="footer">
	<? include ("Footer.htm"); ?>
	</div>
</div>
</body>
</html>


Et voici le contenu de mon Header.htm
<div class="banniere"><p><a href="StandardsAccessibilite.htm">Accessibilité ll Standards</a></p></div>
<div class="infos"><a href="javascript:bookmarksite('Site de la Famille BIZET', 'http://guillaumebizet.free.fr')"><img alt="Ajoutez moi à vos favoris" src="Images/ToutesPages/etoile.gif" /></a><a href="javascript:HomePage()"><img alt="Faites de moi votre page de démarrage" src="Images/ToutesPages/home.gif" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://guillaumebizet.free.fr/');"/></a><script type="text/javascript">document.write(messageDate);</script> - <span id="clock" style="position:relative;"></span></div>


Or le validateur me met ça :
a écrit :
This page is not Valid XHTML 1.0 Strict!

Below are the results of attempting to parse this document with an SGML parser.

1.

Line 18, column 11: ID "header" already defined

<div id="header">

An "id" is a unique identifier. Each time this attribute is used in a document it must have a different value. If you are using this attribute as a hock for style sheets it may be more appropriate to use classes (which group elements) than id (which are used to identify exactly one element).

&#9993;
2.

Line 17, column 10: ID "header" first defined here

<div id="header">


Je vois pas d'ou cela viens puisque pas de soucis pour le footer et le menu !!!!!!

Si quelqu'un peut m'expliquer que je comprenne Smiley cligne

Merci
Modifié par GuizBizet (10 Apr 2005 - 00:23)
Tu utilises l'id header deux fois, donc une de trop.
Probablement une erreur de copier/coller, et sinon une class Smiley cligne
Modifié par Elentar (10 Apr 2005 - 00:38)
>elentar effectivement c'est ce que j'avais compris mais le problème si tu regardes mon code c'est que j'utilise des include et qu'il n'y a pas 2 fois un id header !!! De plus j'utilise le même principe pour mon menu div id navigation et pour mon footer div id footer et sur ces 2 là pas de problème

>ganou66 pour le lien c'est sur cette page

Merci
Modifié par GuizBizet (10 Apr 2005 - 00:41)
Sisi il y a deux fois l'id header.
Une fois dans AlbumsPhotos.php
Une fois dans Header.htm

Et puisque Header.htm est inclus dans ta page, juste après <div id="header"> ... Smiley smile
vraissemblablement, elentar a raison.

on retrouve l'id header dans l'albums.php et dans le header.htm

J'adopte la solution
Opte pour un "class"
Et à propos, si la page index.php est valide c'est parce qu'il y a
<div id="Header">
et
<div id="header">
Modifié par Elentar (10 Apr 2005 - 00:45)
désolé de vous contredire mais le contenu de mon header.htm est le suivant

<div class="banniere"><p><a href="StandardsAccessibilite.htm">Accessibilité ll Standards</a></p></div>
<div class="infos"><a href="javascript:bookmarksite('Site de la Famille BIZET', 'http://guillaumebizet.free.fr')"><img alt="Ajoutez moi à vos favoris" src="Images/ToutesPages/etoile.gif" /></a><a href="javascript:HomePage()"><img alt="Faites de moi votre page de démarrage" src="Images/ToutesPages/home.gif" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://guillaumebizet.free.fr/');"/></a><script type="text/javascript">document.write(messageDate);</script> - <span id="clock" style="position:relative;"></span></div>


J'ai encore re re re revérifié Smiley smile

et je vois pas de id="header" ou id="Header" ?
Modifié par GuizBizet (10 Apr 2005 - 00:52)
http://guillaumebizet.free.fr/TestInclude/Header.htm

	<div id="header">
		<div class="banniere"><p><a href="StandardsAccessibilite.htm">Accessibilité ll Standards</a></p></div>
		<div class="infos"><a href="javascript:bookmarksite('Site de la Famille BIZET', 'http://guillaumebizet.free.fr')"><img alt="Ajoutez moi à vos favoris" src="Images/ToutesPages/etoile.gif" /></a><a href="javascript:HomePage()"><img alt="Faites de moi votre page de démarrage" src="Images/ToutesPages/home.gif" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://guillaumebizet.free.fr/');"/></a><script type="text/javascript">document.write(messageDate);</script> - <span id="clock" style="position:relative;"></span></div>
	</div>


id="header" ou id="Header" c'est sur la page index.php

edit: ok, je n'avais pas vu ton dernier message Smiley cligne
Modifié par Elentar (10 Apr 2005 - 00:56)
je t'explique

lorsqu'on affiche le code source de ta page Header.htm, on peut lire ceci

<div id="header">
		<div class="banniere"><p><a href="StandardsAccessibilite.htm">Accessibilité ll Standards</a></p></div>
		<div class="infos"><a href="javascript:bookmarksite('Site de la Famille BIZET', 'http://guillaumebizet.free.fr')"><img alt="Ajoutez moi à vos favoris" src="Images/ToutesPages/etoile.gif" /></a><a href="javascript:HomePage()"><img alt="Faites de moi votre page de démarrage" src="Images/ToutesPages/home.gif" onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://guillaumebizet.free.fr/');"/></a><script type="text/javascript">document.write(messageDate);</script> - <span id="clock" style="position:relative;"></span></div>
	</div>


tu comprend ?

edit : eh zut , 2 fois grillé dans la meme soirée et en plus sur le meme sujet..... je vais me coucher Smiley ohwell
Modifié par ganou66 (10 Apr 2005 - 00:59)
En fait je l'avais bien refait en local parce que je m'étais rendu compte de mon erreur mais pas uploadé !!!!!! I am very Smiley confused

Désolé pour le dérangement pour avez été super et méga réactifs Smiley cligne Smiley biggrin