> Tous les forums > Forum des Webmasters
 ouverture page dans même page script css
Ajouter un message à la discussion
Pages : [1] 2 3 4 5 ... Fin
Page 1 sur 10 [Fin]
sylvie73100
  Posté le 12/02/2010 @ 13:41 
Aller en bas de la page 
Petite astucienne

bonjour

j'ai fait des recherches et testes sans succès je suis une vrai bille là

quel script a utiliser pour que juste ce morceau de page change comme pour les frames mais en css

une photo vaut mieux qu'un grand dicourt des fois ...

http://img694.imageshack.us/img694/5715/essair.jpg

désoler je n'arrive pas a placer l'image en direct ici ??



Modifié par sylvie73100 le 12/02/2010 13:51
Publicité
elle
 Posté le 12/02/2010 à 14:15 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

sylvie73100
 Posté le 12/02/2010 à 15:11 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

merci Elle

j'ai tester et du mal là

refait page en suivant modèle et je comprends pas comment l'include fonctionne vraiment

virer les tag de alsa pour un rendu et euh .. page vierge ...

mais pas grave aller je retourne à ma lecture pour essayer de tout comprendre



Modifié par sylvie73100 le 12/02/2010 15:11
sylvie73100
 Posté le 15/02/2010 à 21:41 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

bonsoir

bah malgré diverses tentatives j'en suis tjrs au même point , je n'arrive pas a ouvrir ma page. j'ai fait des pages en php et d'autre htlm

la en htlm sa s'ouvre mais dans une page libre
en php celà me met enrengistré la page sous donc usprimer ces pages d'ou venait l'erreur ?

la mes codes doivent être dans un état lamentable

donc je fais rapelle à vous pour un ti peu d'aide

merci d'avance

<!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>
<style type="text/css" title="mes_styles" media="all">
<!--

-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>
Alexandre Fabre le site officiel
</title>
<link rel="stylesheet" href="monstyle.css">
<link rel="stylesheet" type="text/css" href="styles/base.css" media="all" />
<link rel="stylesheet" type="text/css" href="styles/modele03.css" media="screen" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="styles/base.css" media="all" />
<link rel="stylesheet" type="text/css" href="styles/index.css" media="screen" />

</head>
<body style="background-color:#EEEEEE" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<div id="entete">
<div align="center">
<table cellpadding="0" cellspacing="0" width="579" height="127">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" height="127" width="579">
<p align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img border="0" src="index/Sanstitre.jpg" width="536" height="100"></td>
</tr>
</table>
</div>
<h1 align="center">
<font color="#FF9933">
<font size="4">Bienvenue sur le site Officiel d'Alexandre</font>&nbsp;
</font>
</h1>
<!-- Fin du paragraphe à supprimer. -->

</div><!-- #entete -->

<div id="navigation">
<ul>

<li>
<li><a target="_self" href="index/preface.htm"><font color="#000000">Accueil</font></a></li>
<li><a target="_self" href="index/filmographie.htm"><font color="#000000">Filmographie</font></a></li>
<li><a href="utiliser.html"><font color="#000000">Biographie</font></a></li>
<li><a href=""><font color="#000000">Interview / presses</font></a></li>
<li><li><a href=""><font color="#000000">Photos</font></a></li>
<li><a href=""><font color="#000000">Entre fans</font></a></li>
<li><a href=""><font color="#000000">Marketing</font></a></li>
<li><a href=""><font color="#000000">Vidéos</font></a></li>
<li><a href=""><font color="#000000">Livre d'or</font></a></li>
<li><a href=""><font color="#000000">Contact</font></a><font color="#000000"></li>
&nbsp;</font></li>
</ul>
</li>

</div>
<tr>
<td>&nbsp;</td>
</tr>
<td>
<div id="navigation">
<ul>
<li>
<table cellpadding="0" cellspacing="0" width="709" height="450">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" height="450" width="709">
<table cellpadding="0" cellspacing="0" width="709" height="450" id="table1">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" height="450" width="709">
<div align="center">
<table cellpadding="0" cellspacing="0" width="673" height="437">
<!-- MSCellFormattingTableID="1" -->
<tr>
<td height="437" width="673">
<!-- MSCellFormattingType="content" -->
<p align="center"><font color="#000000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
page ouverte ici&nbsp;&nbsp;&nbsp;&nbsp; </font></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</li>
</ul>
</div>
<p align="center">
&nbsp;</p>
<p align="center">
<font size="1" color="#000000" face="Comic Sans MS">&nbsp;Copyright © <span lang="fr">2006</span>-2010</font><font color="#ffffff" face="Comic Sans MS"><strong style="FONT-WEIGHT: 400"><font size="1" color="#000000">
.Toute reproduction même partielle est interdite.<span lang="fr"> S</span>ite
officiel </font></strong></font>
<font size="1" face="Comic Sans MS" color="#000000">. Tout droits
réservés | sylvie-webmastrice@hotmail.fr</font></div>
<tr>
<td>&nbsp;</td>

</tr>

</table>

</p>

</body>
</html>





Modifié par sylvie73100 le 15/02/2010 21:50
elle
 Posté le 15/02/2010 à 22:23 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Tu les visualises comment, tes pages en PHP?

Dreamer
 Posté le 15/02/2010 à 23:34 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Il y a quelques erreurs dans le script :

- 2 fois le charset

- Dans la ligne du <body> , il y a le lien vers le w3c de trop !!

- Tu peux m'expliquer ?

<style type="text/css" title="mes_styles" media="all">
<!--

-->
</style>

- Tu as deux fois styles/bases.css !!

<p align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img border="0" src="index/Sanstitre.jpg" width="536" height="100"></td>

- Tu n'aurais pas oublié le </p>

- Peux-tu m'expliquer pourquoi tu utilises plsieurs <font> alors que tu as 4 fichiers css ..

Bon, j'arrête là pour le moment !!!

sylvie73100
 Posté le 16/02/2010 à 11:51 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

Elle je les visualise en htlm

j'ai des fichier aussi en php que je visualise

sylvie73100
 Posté le 16/02/2010 à 11:56 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne
Dreamer a écrit :

Il y a quelques erreurs dans le script :

- 2 fois le charset

- Dans la ligne du , il y a le lien vers le w3c de trop !!

- Tu peux m'expliquer ?


-->

- Tu as deux fois styles/bases.css !!

- Tu n'aurais pas oublié le

- Peux-tu m'expliquer pourquoi tu utilises plsieurs

alors que tu as 4 fichiers css ..

Bon, j'arrête là pour le moment !!!

Bon, j'arrête là pour le moment !!!

Dreamer

continu y'a pas de souci je sais très bien que gros bordel essaye de corriger et bon la myro car je ne voit pas tout euh mais la il me faudrai triple verre

je vais corriger tout sa du moin essayer de faire un max

bah en faite j'ai essayer plusieurs modifications et ménage jamais été fait comme il faut

je mi remet et je reposte un code on va essayer plus propre

merci à vous 2 encore

sylvie73100
 Posté le 16/02/2010 à 14:26 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

voici le code modifier , j'espère que sa sera un peu plus propre sinon dreamer va encore prendre peur

<!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>
</style>
<title>
Alexandre Fabre le site officiel
</title>
<link rel="stylesheet" href="monstyle.css">
<link rel="stylesheet" type="text/css" href="styles/base.css" media="all" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="styles/index.css" media="screen" />

</head>
<body style="background-color:#EEEEEE" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<div id="entete">
<div align="center">
<table cellpadding="0" cellspacing="0" width="579" height="127">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" height="127" width="579">
<p align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img border="0" src="index/Sanstitre.jpg" width="536" height="100"></td></p>
</tr>
</table>
</div>
<h1 align="center">
<font color="#FF9933">
<font size="4">Bienvenue sur le site Officiel d'Alexandre</font>&nbsp;
</font>
</h1>

</div>

<div id="navigation">
<ul>

<li>
<li><a target="_self" href="index/preface.htm"><font color="#000000">Accueil</font></a></li>
<li><a target="_self" href="index/filmographie.htm"><font color="#000000">Filmographie</font></a></li>
<li><a href="index/biographie.htm"><font color="#000000">Biographie</font></a></li>
<li><a href=""><font color="#000000">Interview / presses</font></a></li>
<li><a href=""><font color="#000000">Photos</font></a></li>
<li><a href=""><font color="#000000">Entre fans</font></a></li>
<li><a href=""><font color="#000000">Marketing</font></a></li>
<li><a href=""><font color="#000000">Vidéos</font></a></li>
<li><a href=""><font color="#000000">Livre d'or</font></a></li>
<li><a href=""><font color="#000000">Contact</font></a></li>
<li><a href=""><font color="#000000">lien</font></a></li>

</ul>
</li>

</div>
<tr>
<td>&nbsp;</td>
</tr>
<td>
<div id="navigation">
<ul>
<li>
<table cellpadding="0" cellspacing="0" width="709" height="450">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" height="450" width="709">
<table cellpadding="0" cellspacing="0" width="709" height="450" id="table1">
<!-- MSTableType="layout" -->
<tr>
<td valign="top" height="450" width="709">
<div align="center">
<table cellpadding="0" cellspacing="0" width="673" height="437">
<!-- MSCellFormattingTableID="1" -->
<tr>
<td height="437" width="673">
<!-- MSCellFormattingType="content" -->
<p align="center"><font color="#000000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
page ouverte ici&nbsp;&nbsp;&nbsp;&nbsp; </font></td><p/>
</tr>
</table>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
</li>
</ul>
</div>
<p align="center">
<font size="1" color="#000000" face="Comic Sans MS">Copyright © 2006-2010.Toute reproduction même partielle est
interdite. Site officiel .Tout droits réservés.
<a href="mailto:sylvie-webmastrice@hotmail.fr">sylvie-webmastrice@hotmail.fr</a>&nbsp;
.Plan du site.</font></p>

</body>
</html>



Modifié par sylvie73100 le 16/02/2010 14:27
elle
 Posté le 16/02/2010 à 15:52 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Dreamer sera pas content : tu utilises encore des balises dépréciées comme font, color, valign... ;-) Tout ça va dans la feuille de style dont la fonction est de contenir l'ensemble des règles de présentation s'appliquant aux différents blocs d'une page Web.

sylvie73100
 Posté le 16/02/2010 à 16:36 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

désoler Elle je ne voulais pas mettre encore en colère Dreamer

bon je vais recommencé et essayé de suprimer ces balises et les mettres dans la feuille de style

on va faire une copie avant doué comme je suis c préférable

sylvie73100
 Posté le 16/02/2010 à 16:56 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

j'ai fait encore du nettoyage mais voilà arrive pas à plus sinon design tout démonter ??

<!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>
</style>
<title>
Alexandre Fabre le site officiel
</title>
<link rel="stylesheet" href="monstyle.css">
<link rel="stylesheet" type="text/css" href="styles/base.css" media="all" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="styles/index.css" media="screen" />

</head>
<body style="background-color:#EEEEEE" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<div id="entete">
<div align="center">
<img border="0" src="index/Sanstitre.jpg" width="536" height="100"></div>
<h1 align="center">
<font color="#FF9933">
<font size="4">Bienvenue sur le site Officiel d'Alexandre</font>
</font>
</h1>

</div>

<div id="navigation">
<ul>

<li>
<li><a target="_self" href="index/preface.htm"><font color="#000000">Accueil</font></a></li>
<li><a target="_self" href="index/filmographie.htm"><font color="#000000">Filmographie</font></a></li>
<li><a href="index/biographie.htm"><font color="#000000">Biographie</font></a></li>
<li><a href=""><font color="#000000">Interview / presses</font></a></li>
<li><a href=""><font color="#000000">Photos</font></a></li>
<li><a href=""><font color="#000000">Entre fans</font></a></li>
<li><a href=""><font color="#000000">Marketing</font></a></li>
<li><a href=""><font color="#000000">Vidéos</font></a></li>
<li><a href=""><font color="#000000">Livre d'or</font></a></li>
<li><a href=""><font color="#000000">Contact</font></a></li>
<li><a href=""><font color="#000000">lien</font></a></li>

</ul>
</li>

</div>
<tr>
<td>&nbsp;</td>
</tr>
<td>
<div id="navigation">

</li>
</ul>
</div>
<p align="center">
<font size="1" color="#000000" face="Comic Sans MS">Copyright © 2006-2010.Toute reproduction même partielle est
interdite. Site officiel .Tout droits réservés.
<a href="mailto:sylvie-webmastrice@hotmail.fr">sylvie-webmastrice@hotmail.fr</a>&nbsp;
.Plan du site.</font></p>

</body>
</html>

Dreamer
 Posté le 16/02/2010 à 19:41 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Bon, je ne vais pas crier, mais.............

<!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>
</style> N'a rien a faire ici
<title>
Alexandre Fabre le site officiel
</title>
<link rel="stylesheet" href="monstyle.css">
<link rel="stylesheet" type="text/css" href="styles/base.css" media="all" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="styles/index.css" media="screen" />
Pourquoi 3 feuilles de style ??
</head>
<body style="background-color:#EEEEEE"> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> A virer !!

<div id="entete">
<div align="center">
<img border="0" src="index/Sanstitre.jpg" width="536" height="100"></div> le border devrait être déclaré dans la feuille de style, Pas de majuscule dans les noms
<h1 align="center">
<font color="#FF9933"> Balise dépréciée , a déclarer dans une feuille de style
<font size="4">Bienvenue sur le site Officiel d'Alexandre</font> Pareil que dessus !!
</font>
</h1>

</div>

<div id="navigation">
<ul>

<li> Rien à faire là et balises dépréciées en dessous
<li><a target="_self" href="index/preface.htm"><font color="#000000">Accueil</font></a></li>
<li><a target="_self" href="index/filmographie.htm"><font color="#000000">Filmographie</font></a></li>
<li><a href="index/biographie.htm"><font color="#000000">Biographie</font></a></li>
<li><a href=""><font color="#000000">Interview / presses</font></a></li>
<li><a href=""><font color="#000000">Photos</font></a></li>
<li><a href=""><font color="#000000">Entre fans</font></a></li>
<li><a href=""><font color="#000000">Marketing</font></a></li>
<li><a href=""><font color="#000000">Vidéos</font></a></li>
<li><a href=""><font color="#000000">Livre d'or</font></a></li>
<li><a href=""><font color="#000000">Contact</font></a></li>
<li><a href=""><font color="#000000">lien</font></a></li>

</ul>
</li> Quid ??

</div>
<tr> Tiens mais où est <table> et quel est l'intérêt ??
<td>&nbsp;</td>
</tr>
<td>
<div id="navigation"> ??????????

</li>

</ul>
</div>

<p align="center">
<font size="1" color="#000000" face="Comic Sans MS">Copyright © 2006-2010.Toute reproduction même partielle est
interdite. Site officiel .Tout droits réservés.
<a href="mailto:sylvie-webmastrice@hotmail.fr">sylvie-webmastrice@hotmail.fr</a>&nbsp;
.Plan du site.</font></p>

</body>
</html>

A mon avis , il y a encore du nettoyage !!

elle
 Posté le 16/02/2010 à 19:50 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Grande Maîtresse astucienne

Ouais, pis t'en as même oubliés!

Mais là, je ne vois pas le rapport avec l'include php...

sylvie73100
 Posté le 16/02/2010 à 20:06 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

ouf échaper à la colère de dreamer
Bon le ménage est fait mais j'ai 2 ti soucis

je veux bien déplacé ce fichier et le mettre dans une feuille de style , mais à quel endroit dans la même page que j'ai crée où une autre et je dois l'apeller comment ou insere quel script?

car la collé tel quel et sa a disparu , tu m'etonnes du encore faire connerie

<link rel="stylesheet" href="monstyle.css">
<link rel="stylesheet" type="text/css" href="styles/base.css" media="all" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="styles/index.css" media="screen" />

quand j'enlève plus même design celà fait page uni








si rien oublié code propre je l'espère .....

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">














Bienvenue sur le site Officiel d'Alexandre












Modifié par sylvie73100 le 16/02/2010 20:09
Dreamer
 Posté le 16/02/2010 à 20:08 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Je vais poser une question bête, mais que veux-tu faire ???

Soutenez PC Astuces

PC Astuces a besoin de vous pour survivre. Nos conseils et astuces vous ont aidé ? Vous avez résolu un problème sur votre ordinateur ? Vous avez profité de nos bons plans ? Aidez-nous en retour avec un abonnement de soutien mensuel.


5 € par mois 10 € par mois 20 € par mois


Gérer son abonnement

sylvie73100
 Posté le 16/02/2010 à 20:13 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne
elle a écrit :

Ouais, pis t'en as même oubliés!

Mais là, je ne vois pas le rapport avec l'include php...

bah un peu normal avec tout le bordel que j'ai foutu

je patauge là

j'essaye mais bon je vois que je n'arrive pas à grand chose ....

je veux simplement pouvoir ouvrir une page au millieux sans rien changer du design comme pour les frames ? que se soit juste le millieuxx qui change pas l'ossature

sylvie73100
 Posté le 16/02/2010 à 20:14 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne
Dreamer a écrit :

Je vais poser une question bête, mais que veux-tu faire ???

il n'y a jamais de question bête

garder ossature du site et faire comme avec une frame juste changer la page du millieux

Dreamer
 Posté le 16/02/2010 à 20:21 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

sylvie73100 a écrit :
Dreamer a écrit :

Je vais poser une question bête, mais que veux-tu faire ???

il n'y a jamais de question bête

garder ossature du site et faire comme avec une frame juste changer la page du millieux

Celui qui est dans ta signature ........

sylvie73100
 Posté le 16/02/2010 à 20:24 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

oui ce site là que je refais

celui là le pire de tous des beugues etc ...

donc voulais refaire un truc tout neuf et surtout PROPRE

Dreamer
 Posté le 16/02/2010 à 20:28 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

sylvie73100 a écrit :

oui ce site là que je refais

celui là le pire de tous des beugues etc ...

donc voulais refaire un truc tout neuf et surtout PROPRE

Tu as une idée sur ce que tu veux faire , rester dans les tons gris ou autre chose ??

sylvie73100
 Posté le 16/02/2010 à 20:35 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

bah la j'aime assez c simple sobre , je veux pas de truc trop flashi and co ,pour pas agresser et ne pas m'agresser

sylvie73100
 Posté le 16/02/2010 à 20:40 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

http://img694.imageshack.us/img694/5715/essair.jpg

bon la imageshack m'en veut ^^ je change d'hebergeur d'image



Modifié par sylvie73100 le 16/02/2010 20:50
kalinka
 Posté le 17/02/2010 à 05:22 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucienne

je crois comprendre ton probleme en fait quand on utilise les includes en php ce n'est pas le contenu du site qu'on include mais les élements qu'il y a autour . en gros chaque page a un contenu propre et on inclus les élements fixes du site (header,footer,menu) .

voila un exemple basique de site (premiere partie) et la version include (seconde partie).

imaginons qu'avec le premier code que tu fasse une include du "contenucentral", tu devrais donc créer un fichier externe qui sera appellé dans cette page probleme si tu as 50 "contenucentral différents" tu devras créer ces 50 pages externes mais aussi les 50 pages qui chacune contient un include soit au total 100 pages et si un jour tu dois modifier le menu ( ajout d'un lien par exemple) tu devras modifier les 50 pages a la main.

Au contraire avec ma version includée () seul le "contenucentral" change, tu dois donc toujours créer tes 50 pages de contenucentrale mais seulement 4 pages pour les includes soit au total 54 pages ( gain de place) mais ce n'est pas tout grace a l'include si tu désires modifier ton menu par exemple il te suffira alors d'ouvrir le fichier menu.html et d'operer la modification ( gain de temps ) et pareil si tu veux modifier le contenu d'une page il te suffira d'ouvrir la page correspondante

<body>

<div id="header"> ici le code de l'image et le menu horizontal </div>

<div id="menu">

<ul>

<li>monlien01</>

<li>monlien02</>

<li>monlien03</>

<li>monlien04</>

</ul>

</div>

<div id="contenucentral"> tralalala ici je mets mon contenu et mes photos d'alexandre fabre

</div>

<div id="footer">ici le code de mon footer </div>

</body>

************************

code avec include

***************************

<body>

<div id="header">

<?php include("header.html") ?>

</div>

<div id="menu">

<?php include("menu.html") ?>

</div>

<div id="contenucentral"> tralalala ici je mets mon contenu et mes photos

</div>

<div id="footer">

<?php include("footer.html") ?>

</div>

</body>
sylvie73100
 Posté le 17/02/2010 à 10:38 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

merci Kalinka

donc si je n'ai pas fait d'erreur mon fichier doit se présenter comme ça ? j'ai pris ton code avec include

donc je devrais ensuite faire 4 fichiers en php ? mais qui se nommeront comment un sur sa sera include mais je dois noter quel script ou j'ai encore fait une mauvaise compréhension ? ou c'est l'inverse et ce code je dois le mettre dans la feuille de site renomer include ??

<!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>

<title>
Alexandre Fabre le site officiel
</title>
<link rel="stylesheet" href="monstyle.css">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="styles/index.css" media="screen" />

</head>
<body>

<div id="header">

<?php include("header.html") ?>
<body style="background-color:#EEEEEE"

<div id="entete">
<div align="center">
<img border="0" src="index/banaccueil.jpg" width="536" height="100"><br>
&nbsp;</div>
<h1 align="center">
<span style="font-weight: 400">
<font size="4" color="#FF9933" face="Rockwell Condensed">Bienvenue sur le site Officiel d'Alexandre</font></span><font size="4" color="#FF9933" face="GungsuhChe"> </font>
</h1>

</div>

<div id="navigation">
<ul>
<div id="menu">

<?php include("menu.html") ?>
</div>

<li><a target="_self" href="index/preface.htm"><font color="#000000">Accueil</font></a></li>
<li><a target="_self" href="index/filmographie.htm"><font color="#000000">Filmographie</font></a></li>
<li><a href="index/biographie.htm"><font color="#000000">Biographie</font></a></li>
<li><a href=""><font color="#000000">Interview / presses</font></a></li>
<li><a href=""><font color="#000000">Photos</font></a></li>
<li><a href=""><font color="#000000">Entre fans</font></a></li>
<li><a href=""><font color="#000000">Marketing</font></a></li>
<li><a href=""><font color="#000000">Vidéos</font></a></li>
<li><a href=""><font color="#000000">Livre d'or</font></a></li>
<li><a href=""><font color="#000000">Contact</font></a></li>
<li><a href=""><font color="#000000">lien</font></a></li>

</ul>

</div>
<tr>
<td>&nbsp;</td>
</tr>
<td>
<div id="navigation">
<div id="contenucentral"> <font color="#000000">tralalala ici je mets mon contenu et mes photos
</font>

</div>

</body>
</div>
<p align="center">
<font size="1" color="#000000" face="Comic Sans MS">Copyright © 2006-2010.Toute reproduction même partielle est
interdite. Site officiel .Tout droits réservés.
<a href="mailto:sylvie-webmastrice@hotmail.fr"><font color="#000000">sylvie-webmastrice@hotmail.fr</font></a>&nbsp;.Plan du site.</font></p>

</body>
</html>



Modifié par sylvie73100 le 17/02/2010 10:41
kalinka
 Posté le 17/02/2010 à 14:35 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucienne

tu dois copier le code de chaque élément fixe ( ce qui est a l'interieur des balises generales telles que div header) c'est a dire le header, le footer, le ou les menus et les coller dans un fichier texte (que tu devras enregistrer au format html) que tu appelleras respectivemnt header,footer,menugauche.menudroit ( bref des noms faciles a reperer) ensuite dans le code de ta page tu mets a la place de ces lignes de codes les fameuses lignes d'include. tu enregistre la page sous le nom index.php et tu l'envoie ainsi que les fichiers include sur ton serveur ftp.

si tu n'a pas fait d'erreur ta page doit etre normalement reconstitué .

ensuite c'est simple tu reprends la page index.php qui va te servir de base pour toutes les autres, tu y insere ton contenu et tu l'enregistre sous un nom différent a chaque fois (par exemple toto.php, tutu.php etc. ), il ne reste plus qu'a ouvrir le fichier menu.html pour y modifier les liens vers les pages et voila .

pour ton code tu dois prendre tout le contenu de la div par exmple pour ton menu tu as mis un fichier include mais tu as laisser le code des liens dessous , pour le header c'est pareil

kalinka
 Posté le 17/02/2010 à 15:26 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucienne

une démonstration vaut mieux qu'un long discours donc demonstration :

va sur cette page ou tu trouveras un site en pur html et css découpée en zone de couleur, chaque couleur representant un élément fixe tu peux voir qu'il est découpé en 5 zones bref c'est ce que tu as actuellement sur ton site plus ou moins

sur cette page tu trouveras la méme page en version php avec les includes

et maintenant voila les 2 code source , les couleurs correspondent a ce que tu vois avec ton navigateur, comme tu peux le voir je copie le code contenu dans la div header par un include contenant ce meme code ainsi je pourrais modifier le titre, la phrase de description ( div logo) et le menu horizontal (div menu) grace a l'include, pour les menus c'est pareil j'ai copié le code apres la balise div menu ainsi je pourrais rajouter ce que je veux soit une autre lien en inserant une balise <li> supplémentaire soit carrement un autre bloc de menu en dupliquant a la suite le contenu avec le fond marron et enfin pour le footer je copie le code contenu dans div footer et le remplace par son include

avec la page en php tu as ta page 0 ou tu n'auras plus qu'a changer le contenu (dans div content) et a l'enregistrer sous le nom de ton choix avec l'extension php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Name : Ignition
Description: A three-column, fixed-width blog design.
Version : 1.0
Released : 20091018

-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Ignition by Free CSS Templates</title>
<meta name="keywords" content="" />
<meta name="Ignition" content="" />
<link href="default.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<!-- start header -->
<div id="header-wrapper">
<div id="header">
<div id="logo">
<h1><a href="#"><span>Ignition</span></a></h1>
<p>Designed By Free CSS Templates</p>
</div>
</div>
</div>
<div id="menu-wrapper">
<div id="menu">
<ul id="main">
<li class="current_page_item"><a href="#">Homepage</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>

</div>
<!-- end header -->
<!-- start page -->
<div id="page">
<div id="page-bgtop">
<div id="page-bgbtm">
<div id="sidebar1" class="sidebar">
<ul>
<li>
<h2>Recent Posts</h2>
<ul>
<li><a href="#">Aliquam libero</a></li>
<li><a href="#">Consectetuer adipiscing elit</a></li>
<li><a href="#">Metus aliquam pellentesque</a></li>
<li><a href="#">Suspendisse iaculis mauris</a></li>
<li><a href="#">Proin gravida orci porttitor</a></li>
<li><a href="#">Aliquam libero</a></li>
<li><a href="#">Consectetuer adipiscing elit</a></li>
<li><a href="#">Metus aliquam pellentesque</a></li>
<li><a href="#">Suspendisse iaculis mauris</a></li>
<li><a href="#">Proin gravida orci porttitor</a></li>
</ul>
</li>

<li>
<h2>Archives</h2>
<ul>
<li><a href="#">September</a> (23)</li>
<li><a href="#">August</a> (31)</li>
<li><a href="#">July</a> (31)</li>
<li><a href="#">June</a> (30)</li>
<li><a href="#">May</a> (31)</li>
</ul>
</li>
</ul>

</div>
<!-- start content -->
<div id="content">
<div class="post">
<h1 class="title"><a href="#">Welcome to Our Website!</a></h1>
<p class="byline"><em>Posted on October 1st, 2009 by <a href="#">Free CSS Templates</a></em></p>
<div class="entry">
<p><strong>Ignition</strong> is a free, fully standards-compliant CSS template designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>. This free template is released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attributions 2.5</a> license, so you're pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Have fun with it :)</p>
<p>Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl. Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac mauris. </p>
<p class="links"><a href="#" class="more">Read More</a></p>
</div>
</div>
<div class="post">
<h2 class="title"><a href="#">Lorem Ipsum Dolor </a></h2>
<p class="byline"><em>Posted on October 1st, 2009 by <a href="#">Free CSS Templates</a></em></p>
<div class="entry">
<p>Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl. Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac mauris. Proin eu wisi suscipit nulla suscipit interdum. Aenean lectus lorem, imperdiet at, ultrices eget, ornare et, wisi. </p>
<p class="links"><a href="#" class="more">Read More</a></p>
</div>
</div>
</div>
<!-- end content -->
<!-- start sidebars -->
<div id="sidebar2" class="sidebar">
<ul>
<li>
<form id="searchform" method="get" action="#">
<div>
<h2>Site Search</h2>
<input type="text" name="s" id="s" size="15" value="" />
</div>
</form>
</li>
<li>
<h2>Categories</h2>
<ul>
<li><a href="#">Aliquam libero</a></li>
<li><a href="#">Consectetuer adipiscing elit</a></li>
<li><a href="#">Metus aliquam pellentesque</a></li>
<li><a href="#">Suspendisse iaculis mauris</a></li>
<li><a href="#">Urnanet non molestie semper</a></li>
<li><a href="#">Proin gravida orci porttitor</a></li>
<li><a href="#">Aliquam libero</a></li>
<li><a href="#">Consectetuer adipiscing elit</a></li>
<li><a href="#">Metus aliquam pellentesque</a></li>
<li><a href="#">Urnanet non molestie semper</a></li>
<li><a href="#">Proin gravida orci porttitor</a></li>
<li><a href="#">Aliquam libero</a></li>
<li><a href="#">Consectetuer adipiscing elit</a></li>
<li><a href="#">Metus aliquam pellentesque</a></li>
</ul>
</li>
</ul>

</div>
<!-- end sidebars -->
<div style="clear: both;">&nbsp;</div>
</div>
<!-- end page -->
</div>
</div>
</div>
<div id="footer-wrapper">
<div id="footer">
<p class="copyright">&copy;&nbsp;&nbsp;2009 All Rights Reserved &nbsp;&bull;&nbsp; Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
</div>
</div>
</body>
</html>

*****************************

code de la page avec include

*********************************

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Name : Ignition
Description: A three-column, fixed-width blog design.
Version : 1.0
Released : 20091018

-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Ignition by Free CSS Templates</title>
<meta name="keywords" content="" />
<meta name="Ignition" content="" />
<link href="default.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<!-- start header -->
<div id="header-wrapper">
<div id="header">
<?php include("include/header.html")?>
</div>
<!-- end header -->
<!-- start page -->
<div id="page">
<div id="page-bgtop">
<div id="page-bgbtm">
<div id="sidebar1" class="sidebar">
<?php include("include/menugauche.html")?>
</div>
<!-- start content -->
<div id="content">
<div class="post">
<h1 class="title"><a href="#">Welcome to Our Website!</a></h1>
<p class="byline"><em>Posted on October 1st, 2009 by <a href="#">Free CSS Templates</a></em></p>
<div class="entry">
<p><strong>Ignition</strong> is a free, fully standards-compliant CSS template designed by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>. This free template is released under a <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attributions 2.5</a> license, so you're pretty much free to do whatever you want with it (even use it commercially) provided you keep the links in the footer intact. Have fun with it :)</p>
<p>Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl. Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac mauris. </p>
<p class="links"><a href="#" class="more">Read More</a></p>
</div>
</div>
<div class="post">
<h2 class="title"><a href="#">Lorem Ipsum Dolor </a></h2>
<p class="byline"><em>Posted on October 1st, 2009 by <a href="#">Free CSS Templates</a></em></p>
<div class="entry">
<p>Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at nisl. Nullam non wisi a sem semper eleifend. Donec mattis libero eget urna. Duis pretium velit ac mauris. Proin eu wisi suscipit nulla suscipit interdum. Aenean lectus lorem, imperdiet at, ultrices eget, ornare et, wisi. </p>
<p class="links"><a href="#" class="more">Read More</a></p>
</div>
</div>
</div>
<!-- end content -->
<!-- start sidebars -->
<div id="sidebar2" class="sidebar">
<?php include("include/menudroite.html")?>
</div>
<!-- end sidebars -->
<div style="clear: both;">&nbsp;</div>
</div>
<!-- end page -->
</div>
</div>
</div>
<div id="footer-wrapper">
<div id="footer">
<?php include("include/footer.html")?>
</div>
</div>
</body>
</html>

sylvie73100
 Posté le 17/02/2010 à 18:40 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

merci Kalinka

je vais essayer de comprendre tout sa et essayer de mettre en place

cerveau assez embrumer en ce moment ....

kalinka
 Posté le 17/02/2010 à 20:06 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucienne

tu verras ce n'est pas compliqué, le plus dur c'est de trouver les balises qui entourent le code a mettre en include mais une fois que tu a compris cela, c'est juste du copier/coller a chaque fois.

Au pire si tu n'y arrive pas, je te donnerais les sources et les css de ces pages et tu pourras recommencer ton site directement avec des includes toutes pretes

sylvie73100
 Posté le 17/02/2010 à 20:57 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

encore merci , je vais voir à si j't arrive à copier coller au bon endroit

en ce moment ti souci de compréhension même quand c'est simple ^^

sylvie73100
 Posté le 17/02/2010 à 21:48 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

bah voilà ? mais bon encore du faire un couac quelques part ? la page affiche internet explorer quand je fait un essai ? la juste traiter la page accueil du menu

<!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">
<head>

<title>
Alexandre Fabre le site officiel
</title>
<link rel="stylesheet" href="monstyle.css">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<link rel="stylesheet" type="text/css" href="styles/index.css" media="screen" />

</head>
<body>

<div id="header">

<?php include("header.html") ?>
<body style="background-color:#EEEEEE"

<div id="entete">
<div align="center"> <img src="index/banaccueil.jpg" width="536" height="100" /></div>
<h1 align="center">
<span style="font-weight: 400">
<font size="4" color="#FF9933" face="Rockwell Condensed">Bienvenue sur le site Officiel d'Alexandre</font></span><font size="4" color="#FF9933" face="GungsuhChe"> </font>
</h1>

</div>

<div id="navigation">
<ul>
<div id="menu">
<div id="menu-wrapper">
<div id="menu">
<ul id="main">
<?php include("menu.html") ?>
</font>
</div>

<li><a target="_self" href="index/preface.htm"><font color="#000000">Accueil</font></a></li>
<li><a target="_self" href="index/filmographie.htm"><font color="#000000">Filmographie</font></a></li>
<li><a href="index/biographie.htm"><font color="#000000">Biographie</font></a></li>
<li><a href=""><font color="#000000">Interview / presses</font></a></li>
<li><a href=""><font color="#000000">Photos</font></a></li>
<li><a href=""><font color="#000000">Entre fans</font></a></li>
<li><a href=""><font color="#000000">Marketing</font></a></li>
<li><a href=""><font color="#000000">Vidéos</font></a></li>
<li><a href=""><font color="#000000">Livre d'or</font></a></li>
<li><a href=""><font color="#000000">Contact</font></a></li>
<li><a href=""><font color="#000000">lien</font></a></li>

</ul>
</div>
<tr>
<td>&nbsp;</td>
</tr>
<td>
<div id="navigation">
<div id="contenucentral"> <font color="#000000">tralalala ici je mets mon contenu et mes photos
</font>

</div>

</body>
</div>
<p align="center">
<font size="1" color="#000000" face="Comic Sans MS">Copyright © 2006-2010.Toute reproduction même partielle est
interdite. Site officiel .Tout droits réservés.
<a href="mailto:sylvie-webmastrice@hotmail.fr"><font color="#000000">sylvie-webmastrice@hotmail.fr</font></a>&nbsp;.Plan du site.</font></p>

</body>
</html>

kalinka
 Posté le 18/02/2010 à 00:23 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucienne

ouh la c'est l'anarchie tu as toujours le meme probleme de mettre tes includes et de laisser ce qui devrait etre inclus dans ta page du coup ta parge s'affiche n'importe comment en plus ton code est tres mal écrit (2 balises <body> a la suite ?), ton menu horizontal est placé dans div mail alors que logiquement il devrait etre dans div header sans compter les erreurs de placement par exemple ton include header devrait englober ceci

<div align="center"> <img src="index/banaccueil.jpg" width="536" height="100" /></div>
<h1 align="center">
<span style="font-weight: 400">
<font size="4" color="#FF9933" face="Rockwell Condensed">Bienvenue sur le site Officiel d'Alexandre</font></span><font size="4" color="#FF9933" face="GungsuhChe"> </font>
</h1>


je pense que le mieux c'est que tu recommence ton site de 0 en utilisant mes codes sources , tu y trouveras les fichiers index.html et index.php ainsi que les fichiers css, comme ca tu n'auras qu'a modifier les css pour y mettre tes images et tes couleurs, ajouter ton contenu et modifier les différentes includes sans devoir te soucier de leur placement

Dreamer
 Posté le 18/02/2010 à 06:26 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

sylvie73100 a écrit :

bah voilà ? mais bon encore du faire un couac quelques part ? la page affiche internet explorer quand je fait un essai ? la juste traiter la page accueil du menu


"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

http://www.w3.org/1999/xhtml" xml:lang ="fr">


<br /> Alexandre Fabre le site officiel<br />





Tu n'as pas écouté ce qu'on t'a dit .

Il y a encore des <font> , deux feuilles de style, deux <body>, les <span> devraient être dans LA feuille de style, etc ....

sylvie73100
 Posté le 18/02/2010 à 20:55 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

merci kalinka oui c'est préférable là

bon aller reprend tout en esperant cette fois ci faire aucun beugue alors là c'est pas encore gagner

dreamer je sais que des font encore mais quand j'enlevais un script changeait disign ?

encore en aprentissage donc voilà des erreurs je pense encore en commètre quelques même plus c'est sur

aller au boulot

Dreamer
 Posté le 18/02/2010 à 21:10 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

sylvie73100 a écrit :

merci kalinka oui c'est préférable là

bon aller reprend tout en esperant cette fois ci faire aucun beugue alors là c'est pas encore gagner

dreamer je sais que des font encore mais quand j'enlevais un script changeait disign ?

encore en aprentissage donc voilà des erreurs je pense encore en commètre quelques même plus c'est sur

aller au boulot

Tes <font> sont remplacés dans ta feuille de style .....Exemple

li {

font-weight: bold;

font-family:arial, comic sans MS;

color:#123456;

}

Comme j'ai un peu de temps, je te montrerais une page simple en css et valide en utilisant le site que tu as déjà , mais avec d'autres couleurs ......

sylvie73100
 Posté le 18/02/2010 à 21:21 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

merci dreamer

la je suis en train d'étudier et essayer de modifier le code de kalinka

mais du mal encore a bosser avec dreamwer et notepad jusqu'à présent je ne travaillais que avec front page

non ne hurle pas stp ^^

Dreamer
 Posté le 18/02/2010 à 21:44 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

Si tu veux apprendre, c'est Notepad++ et un peu ( beaucoup ) de reflexion .....Mais après que du bonheur !!

sylvie73100
 Posté le 18/02/2010 à 21:58 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

c notepad++ que j'ai oublié le +

euh plutôt beaucoup là ^^ oui bah le bonheur sa ne se sera pas pour desuite là et si j'y arrive ....

bon pour l'instant juste réinstaler mon menu sans les fonts {#} et modifier les couleurs de fond de page du moin j'essaye car une couleur récalcitrante et je pense que c'est plutôt une image de fond donc pour l'instant on ne touche pas ^^

Dreamer
 Posté le 18/02/2010 à 23:04 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Maître astucien

C'est comme ça qu'on progresse, commences par des couleurs simples pour te rendre compte du fonctonnement .....

sylvie73100
 Posté le 19/02/2010 à 13:17 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
Petite astucienne

dreamer je progresse mais très très très lentement ....

celà commence a prendre forme mais quelques questions encore ???

pour mon menu quel script a inserer ou corriger pour qu'il soit sur la même ligne la il se trouve en décalé sur 2 lignes?

j'ai une ligne noir en dessous du menu qui cache la moitier de mon titre ? quel parti je doit corrigé essayer mais tjrs gros bide rien trouvé je pense que c'est dans le script mais quel code ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Name : Ignition
Description: A three-column, fixed-width blog design.
Version : 1.0
Released : 20091018

-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Alexandre fabre</title>
<meta name="keywords" content="" />
<meta name="Ignition" content="" />
<link href="default.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<!-- start header -->
<div id="header-wrapper">
<div id="header">
<div id="logo">
<h1><a href="#"><span>Ignition</span></a></h1>
<p>Alexandre FABRE SITE OFFICIEL</p>
</div>
</div>
</div>
<div id="menu-wrapper">
<div id="menu" style="width: 800px; height: 127px">
<ul id="main">
<li class="current_page_item"><a href="#">Préface</a></li>
<li><a href="index/preface.htm">Accueil</a></li>
<li><a href="index/filmographie.htm">Filmographie</a></li>
<li><a href="">Biographie</a></li>
<li><a href="">Interview / presses></a></li>
<li><a href="">Photos</a></li>
<li><a href="">Entre fans</a></li>
<li><a href="">Marketing</a></li>
<li><a href="">Vidéos</a></li>
<li><a href="">Livre d'or</a></li>
<li><a href="">Contact</a></li>
<li><a href="">lien</a></li>

</ul>
</div>
</div>
<div id="page">
<div id="page-bgtop">
<div id="page-bgbtm">
<!-- start content -->
<div id="content">
<div class="post">
<div class="entry">
<p>&nbsp;</p>
</div>
</div>
<div class="post">
<p class="byline"><em><a href="#">s</a></em></p>
<div class="entry">
<p>Consectetuer adipiscing elit. Nam pede erat, porta eu, lobortis
eget, tempus et, tellus. Etiam neque. Vivamus consequat lorem at
nisl. Nullam non wisi a sem semper eleifend. Donec mattis libero
eget urna. Duis pretium velit ac mauris. Proin eu wisi suscipit
nulla suscipit interdum. Aenean lectus lorem, imperdiet at, ultrices
eget, ornare et, wisi. </p>
<p class="links"><a href="#" class="more">Read More</a></p>
</div>
</div>
<!-- end content -->
<!-- start sidebars -->
</div>
</form>
</li>
</ul>
</div>
<!-- end sidebars -->
<div style="clear: both;">&nbsp;</div>
</div>
<!-- end page -->
</div>
</div>
<div id="footer-wrapper">
<div id="footer" style="width: 960px; height: 104px">
<p class="">Copyright © 2006-2010.Toute reproduction même partielle est
interdite. Site officiel .Tout droits réservés. &nbsp;.Plan du site.</p>
</div>
</div>
</body>
</html>

kalinka
 Posté le 19/02/2010 à 14:05 
Aller en bas de la page Revenir au message précédent Revenir en haut de la page
  Astucienne

c'est difficile a dire sans rien voir du probleme, tu devrais mettre la page en ligne pour qu'on puisse voir le code et les css

oups j'ai dit une connerie, si tu parles de l'espace qu'il y a entre le menu et le contenu de la page il faut aller dans tes css et rechercher dans la div page, tu verras qu'il y a un margin ( ligne 176) qui comme son nom l'indique créer une marge entre deux élements, il suffit donc de mettre le premier nombre a 0 pour que le contenu central colle au menu, de la meme façon si tu veux que le contenu colle au footer il faut aussi mettre 0 au troisieme nombre.

si tu parle de la fine bande noire qu'il y a entre l'image du header et me menu c'est dans la div menu wrapper qu'il faut enlever ou modifier la ligne commencant pat border-top (ligne 121)

#page {
width: 960px;
margin:0px auto 30px auto;
padding: 0px;
background: url(images/img06.gif) repeat-y left top;
color: #E75982;
}

**********************

#menu-wrapper {
width: 960px;
height: 50px;
background: #120dc9;
margin: 0 auto;
border-top: 2px solid #000;
}



Modifié par kalinka le 19/02/2010 14:31
Pages : [1] 2 3 4 5 ... Fin
Page 1 sur 10 [Fin]

Vous devez être connecté pour participer à la discussion.
Cliquez ici pour vous identifier.

Vous n'avez pas de compte ? Créez-en un gratuitement !
Recevoir PC Astuces par e-mail


La Lettre quotidienne +226 000 inscrits
Avec l'actu, des logiciels, des applis, des astuces, des bons plans, ...

Les bonnes affaires
Une fois par semaine, un récap des meilleurs offres.

Les fonds d'écran
De jolies photos pour personnaliser votre bureau. Une fois par semaine.

Les nouveaux Bons Plans
Des notifications pour ne pas rater les bons plans publiés sur le site.

Les bons plans du moment PC Astuces

Tous les Bons Plans
Les soldes d'hiver 2025
SOLDES -1 -%
PC portable Lenovo 15.6 pouces LOQ 15IAX9 (FHD IPS 144 Hz, Core i5-12450H, 24 Go RAM DDR5, SSD 512 Go, GeForce RTX 4060, sans OS) à 784 €
784 € 1099 € -29%
@Boulanger
25 € offerts dès 299 € d’achats informatiques
-25 € -1 -29%
@Amazon
Ecran 24.5 pouces Titan Army P2510HS (FHD, IPS, 300 Hz, 1 ms, HDR10) à 169,99 €
169,99 € 199 € -15%
@Geekbuying
Lot de 2 étagères de rangement Songmics à 5 niveaux réglables (40 x 90 x 180 cm) à 51,84 €
51,84 € 80 € -35%
@Amazon Allemagne
SSD Crucial P3 Plus 4 To (NVMe, PCIe 4.0, M.2, 5000 Mo/s) à 234,99 €
234,99 € 275 € -15%
@Cdiscount

Sujets relatifs
Plusieurs menu dans une même page
Récupérer un script dans une page html
script eml dans page html sur mon site pour outloo
Ouverture d'1 page dans 1 frame au chargement...
editeur TinyMCE grande largeur texte dans page
Bouton RSS automatique dans page annonce Google site
insérer programme python dans page web
Insertion image dans page Web directement sans URL ?
probleme accès page administrator dans cms Joomla
afficher une image à l'ouverture de la page
Plus de sujets relatifs à ouverture page dans même page script css
 > Tous les forums > Forum Forum des Webmasters