|
|
|
|
Bonsoir à tous,
Auparavant, j'utilisais des tableaux avec lesquels je n'avais pas trop de prb pour appeler des page php avec "include".
Seulement, j'ai voulu faire pour un bien et j'ai supprimé les tableaux pour les remplacer par du css.
Jusque là, tout est ok, le graphisme tout au moins.
Mais ça se complique si je veux essayer d'appeler des page php avec "include".
En effet, avant, avec les tableaux ça marchait au poil (http://qi98.free.fr) Header, Menu D et G, footer et le conteneur.
Mais j'ai un gros soucis parce que quand j'appele la page "index.php" avec tout ce que j'ai mis plus haut, ça s'affiche bien, mais lorsque je veux une autre page alors là c'est la cata.
Si vous voulez le css et une page php, vous le demandez, parce qu'avec mes explications ?????
Merci d'avance de votre aide.
Cordialement, JLB59Configuration: Windows XP
Firefox 2.0.0.1
Merci Gihef,
@charset "iso-8859-1";
/* auteur: JLB59 */
/* Date de création: 02/12/2006 */
* {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
}
table {
clear: both;
}
body {
color: #1c1c1c;
font-size: small;
background-color:#e6e6e6;
background-image: url('../images/fond5.png');
}
img {
border:0;
}
input {
color: #1c1c1c;
font-size: 9pt;
background-color: #ffffff;
border: inset 1px #c70036;
}
input.bouton {
font-weight: normal;
text-decoration: none;
border: solid 0px;
background-color:#e6e6e6;
}
label, form p {
font-size: 8pt;
}
a {
color: #0000FF;
}
a:hover {
color: #FF0000;
}
#main {
margin:0 1%;
background-color:#e6e6e6;
border: 1px solid #A9A9A9;
font-size: 10px;
padding:0;
}
/*----------------------------------------------*/
/* Header */
#topmenu {
margin:0 0em;
height: 62px;
}
#topmenu form {
position: relative;
top: .5em;
float:right;
text-align:right;
padding-right:1em;
padding-top:1em;
margin-bottom:0;
}
#topmenu h1 {
margin:0;
}
/*----------------------------------------------*/
.date {
color: #000000;
padding-bottom: 1.5em;
text-align: right;
}
/*----------------------------------------------*/
#navig {
clear:both; /* a cause du formulaire */
margin: 0.5em 0.5em;
color: #1c1c1c;
font-size: 12px;
background-color: #d3d3d3;
height: 1.5em;
border: solid 2px #a2a2a2;
padding:0 0.5em;
}
#navig span.navright {
float:right;
text-align:right;
line-height: 1.5em ;
}
.textmenu, .textmenu a {
color: #000000;
font-weight: normal;
font-size: 8pxt;
}
.textmenu a:hover {
color: #c70036;
}
/*----------------------------------------------*/
.titreArticle {
color: #960000;
font-size: 16px;
text-decoration: none;
font-weight: bold;
}
#contenu {
margin-left:230px;
padding-left:1em;
padding-right:1em;
font-size: 10pt;
}
#contenu h1 {
margin:0;
}
#contenu h2 {
background: transparent url('../images/contenutop.png');
border: 2px solid #840036;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
text-align:center;
margin:1em 0 0.2em 0;
height:23px;
}
#contenu h2 span {
float: right;
height:23px;
width:65px;
background: transparent url('../images/menutop.png');
background-repeat: no-repeat;
background-position: right top;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
}
#contenu .zonetexte {
padding: 1em;
}
#contenu .header {
margin: 0;
padding: 0;
}
/*
#contenu .footer {
float: left;
padding: 0;
margin: 0;
text-align: center;
}
*/
#contenu .content {
margin-left: 1em;
border-left: #888888 1px solid;
padding-left: 1em;
}
#contenu .descfr {
margin: 1em;
padding: 1em;
}
/*------------------------------*/
#menu {
float:left;
width:200px;
padding-left:1em;
}
#menu h2 {
background: transparent url('../images/contenutop.png');
border: 2px solid #840036;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #F5F5F5;
text-align:center;
margin:1em 0 0.2em 0;
height:23px;
}
#menu h2 span {
float: right;
height:23px;
width:65px;
background: transparent url('../images/menutop.png');
background-repeat: no-repeat;
background-position: right top;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #F5F5F5;
}
#menu a {
text-decoration: none;
color:blue;
}
#menu a:hover {
text-decoration: underline;
color:red;
}
#menu ul.zonetexte {
list-style-type:none;
line-height: 1.5em ;
}
#menu ul.zonetexte li {
font-size: 10px;
}
#menu form {
text-align:center;
font-size: 8pt;
}
#menu form a {
font-style: italic;
font-size: 7pt;
}
#menu input.bouton {
font-weight: normal;
text-decoration: none;
border: solid 0px;
background-color:#d3d3d3;
}
#logged {
padding: 0;
margin: 0;
text-align: center;
font-size: 8pt;
}
#logged a {
text-decoration: underline;
font-style: italic;
font-size: 7pt;
}
.zonetexte {
color: #1c1c1c;
font-size: 10pt;
background-color: #d3d3d3;
border: solid 2px #a2a2a2;
padding: 1em 0.2em 0 0;
margin: 1em 0.2em 0 0;
line-height: 1.5em;
}
/*-----------------------------*/
#piedpage {
clear:both;
padding-top:0em;
width: 100%;
height: 20px;
background: #d3d3d3;
border-top: 1px solid #696969;
}
#piedpage p {
margin:0;
padding: 0px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-align:center;
margin: 0 0 0 0;
}
#piedpage a {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-align:center;
text-decoration: none;
color: blue;
}
#piedpage a:hover {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 8pt;
text-align:center;
text-decoration: underline;
color: red;
}
/*-----------------------------*/
.error {
color: red;
font-weight: bold;
text-align: center;
}
.center {
text-align: center;
}
h3 {
color: #000000;
font-size: 14px;
font-weight: bold;
}
.IE {
padding: 0;
margin-top: 0;
text-align: center;
color: #000000;
font-weight: bold;
margin: 0px;
}
.commentsbody {
font-weight: normal;
text-decoration: none;
background-color: #cacaca;
border: #CCCCCC;
border-style: solid;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
font-size: 14px;
}
.comments {
font-weight: normal;
text-decoration: none;
PADDING-RIGHT: 10px;
border-top: #000000 1px solid;
margin-top: 20px;
padding-left: 10px;
margin-bottom: 10px;
padding-bottom: 10px;
padding-top: 10px;
border-bottom: #000000 1px solid;
background-color: #cccccc;
}
ul.commentsul {
padding-left: 0em;
margin-bottom: 10px;
margin-left: 1.25em;
list-style-type: none;
}
ul.commentsli {
margin: 10px;
}
div.comments li {
margin-top: 20px;
margin-left: 2px;
}
p.commentsbody {
padding-left: 10px;
border-top: rgb(0,0,0) 0px;
border-bottom: rgb(0,0,0) 0px;
border-right: rgb(0,0,0) 0px;
border-left: #888888 1px solid;
margin-right: 20px;
text-align: justify;
}
.commenttitre {
font-weight: normal;
}
Securite.Php : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 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" /> <title></title> <link rel="stylesheet" href="css/jlb59.css" type="text/css" title="jlb59.fr" /> </head> <BODY> <!-- Début - Calque principal --> <div id="main"> <!-- Début - Header --> <?php include ('header.php'); ?> <!-- Fin - Header --> <!-- Début - Barre de Navigation --> <div id="navig"> <?php include ('navright.php'); ?> Catégorie : <span class="textmenu">jlb59.fr / <b><strong>Liste des Firewalls</strong></b></span> </div> <!-- Fin - Barre de Navigation --> <!-- Début - Menu Gauche --> <?php include ('menu-g.php'); ?> <!-- Fin - Menu Gauche --> <!-- Début - Contenu --> <div id="contenu"> <h2><span></span>SECURITÉ - Liste des Firewalls</h2> <!-- Début - Zone texte --> <div class="zonetexte"> <h1 class="titreArticle">Les meilleurs Firewalls</h1> <p class="content"> Que ce soit le débutant ou le professionnel qui navigue sur Internet, nul n'est à l'abri des failles existantes dans les divers navigateurs.<br /> </p> <hr /> <a href="securite.php?nom=Firewall1">1</a> <a href="securite.php?nom=Firewall2">2</a> <a href="securite.php?nom=Firewall3">3</a> <a href="securite.php?nom=Firewall4">4</a> <a href="securite.php?nom=Firewall5">5</a> <!-- Fin - Zone texte --> </div> <!-- Fin - Contenu --> </div> <!-- Début - Footer --> <?php include ('footer.php'); ?> <!-- Fin - Footer --> <!-- Fin - Calque principal --> </div> </body> </html> J'explique (ça va être un peu ardu !) : Bien-sûr au lancement, j'appelle la page Index.php au moyen d'un fichier "rubrique.php" <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1 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" /> <title>JLB59.FR / Home</title> <link rel="stylesheet" href="css/jlb59.css" type="text/css" title="jlb59.fr" /> </head> <BODY> <?php $page = isset($_GET['page']) ? $_GET['page'] . '.php' : 'intro.php'; if (!@ file_exists($page)) { $page = 'erreur.php'; } ?> </BODY> </HTML>mais c'est pas là qui pose prb, c'est plutot dans "securite.php". Comme j'ai récupéré une partie des php sur http://www.netsources-fr.com mais je ne sais plus comment, il y a tellement longtemps ! J'ai essayé de coller "rubrique.php" que j'ai nommé "rubrique2.php" only pour les Firewall ($page = isset($_GET['page']) ? $_GET['page'] . '.php' : 'securite.php';), mais ça marche pas. En faitr, je suis un peu perdu, je dirais même que je coule. Je comprends pas, avec des tableaux ça marche bien, ou presque, mais sans, alors c'est la galère ! Cordialement, JLB59 |
Tu as quoi dans ton fichier header.php ?
|
Comme dis kij_82 tu dois construire plusieurs fois le header et appeler plusieurs fois ton fichier css par la même occasion.
<?php
$page = isset($_GET['page']) ? $_GET['page'] . '.php' : 'intro.php';
if (!@ file_exists($page)) { $page = 'erreur.php'; }
?>
regarde la valeur de $page je serai pas étonné que par moment tu es une valeur du genre securite.php.php ou encore securite.phpsecurite.php sinon pour faire un include dans un fichier css il faut que l'extension de ton fichier soit php sinon le code sera pas exécuter. au lieu d'appler jlb59.css renome ton fichier en jlb59css.php
tu y laisse tout la structure de ta feuille de style
table { .....}
body { ........ }
img { .... }
input { .... }
<?
et la tu mets ton code php un include si c ce que tu veux faire
?>
de cette maniere tu peux insérer du code php ou tu veux et il y a que les echo, print etc.. qui apparaitront dans ta feuille de style
|