Sujet Précédent Sujet Suivant

Comment appeler un php dans un css ?

Résolu/Fermé
jlb59 Messages postés 343 Date d'inscription mercredi 25 août 2004 Statut Membre Dernière intervention 8 mars 2024 - 11 janv. 2007 à 19:47
jlb59 Messages postés 343 Date d'inscription mercredi 25 août 2004 Statut Membre Dernière intervention 8 mars 2024 - 13 janv. 2007 à 07:37
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.


A voir également:

4 réponses

Réponse 1 / 4
Gihef Messages postés 5150 Date d'inscription mercredi 20 juillet 2005 Statut Contributeur Dernière intervention 20 février 2023 2 775
11 janv. 2007 à 23:09
Bonjour,

Oui, fais voir, ça sera certainement plus facile à déterminer.
Et si les pages sont en ligne, c'est encore mieux.
0
Réponse 2 / 4
jlb59 Messages postés 343 Date d'inscription mercredi 25 août 2004 Statut Membre Dernière intervention 8 mars 2024 4
12 janv. 2007 à 07:35
Merci Gihef,

CSS :
@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 https://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 !
0
Réponse 3 / 4
kij_82 Messages postés 4088 Date d'inscription jeudi 7 avril 2005 Statut Contributeur Dernière intervention 30 septembre 2013 857
12 janv. 2007 à 15:40
tu as quoi dans ton fichier header.php ?

Car apparamment tu définit un header dans security, puis tu inclus via php le fichier "header.php", qui s'il porte bien son nom devrait définir des header à nouveau, chose non correct.

Je dis pas que c'est ce qui fais clocher ton truc mais c'est déjà pas net comme truc.
0
Réponse 4 / 4
ludd Messages postés 36 Date d'inscription mardi 12 décembre 2006 Statut Membre Dernière intervention 12 avril 2015 8
12 janv. 2007 à 16:18
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
0
jlb59 Messages postés 343 Date d'inscription mercredi 25 août 2004 Statut Membre Dernière intervention 8 mars 2024 4
12 janv. 2007 à 17:45
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

Ben c'est pas exactement ce qui se passe.
Dans un menu j'appelle la 1ère page qui se nomme firewall1.php <a href="securite.php?page=firewall1">Firewall1</a>

En fait la page "securite.php" donne une explication détaillée sur la sécurité du PC et qui contient aussi les mêmes liens que ceux du menu (Firewall1, Firewall2...).

Mais lorsque j'appelle une de ces pages, dans la barre d'adresse j'ai bien .../securite.php?page=Firewall1 mais, même si je n'ai pas d'erreurs, je n'ai rien qui s'affiche. En deux mots... le souk !

Concernant les tableaux, j'en avais déjà à l'origine, mais j'ai fait en sorte de les remplacer par le css, et c'est à ce moment que tout c'est compliqué.

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

Peut-être que ce que tu dis c'est clair pour toi, mais pour moi...
Si tu pouvais me détailler un peu plus ta suggestion ?
Merci beaucoup.

Il faut que tu saches que je ne suis pas un "calé" du php, aussi, je serais peut-être long à la détente !

0
ludd Messages postés 36 Date d'inscription mardi 12 décembre 2006 Statut Membre Dernière intervention 12 avril 2015 8
12 janv. 2007 à 21:49
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

Peut-être que ce que tu dis c'est clair pour toi, mais pour moi...
Si tu pouvais me détailler un peu plus ta suggestion ?
Merci beaucoup.

Il faut que tu saches que je ne suis pas un "calé" du php, aussi, je serais peut-être long à la détente !

Si tu souhaites appeler du php avec un include a partir de ton css, il faut que ton fichier soit considéré comme un fichier php par le serveur.


Si tu mets une extension .php se sera le cas et ton fichier sera traiter comme étant du php.

contenu de ton fichier : 
maintenant dans ton fichier si avant le "<?" tu mets du texte(en gros tes style)  il sera traité comme du texte
<?
par contre une fois que tu es là  le serveur va traiter du php donc tu peux faire ton include
?>



quand je dis que tu peux insérer du code php ou tu veux, tu peux par exemple faire ça : 

body {
  color: #<? echo $MaColor;  ?>;
  font-size: <? echo $SmallTaille;  ?>;
  background-color:#<? echo $MaColorBackground;  ?>;
  background-image: url('<? echo $MonUrl;  ?>');
}



Dans tous les cas ne seront traité comme etant du php que ce qu'il y a entre "<?" et le "?>"
0
jlb59 Messages postés 343 Date d'inscription mercredi 25 août 2004 Statut Membre Dernière intervention 8 mars 2024 4 > ludd Messages postés 36 Date d'inscription mardi 12 décembre 2006 Statut Membre Dernière intervention 12 avril 2015
13 janv. 2007 à 07:37
quand je dis que tu peux insérer du code php ou tu veux, tu peux par exemple faire ça :

body {
color: #<? echo $MaColor; ?>;
font-size: <? echo $SmallTaille; ?>;
background-color:#<? echo $MaColorBackground; ?>;
background-image: url('<? echo $MonUrl; ?>');
}

Dans tous les cas ne seront traité comme etant du php que ce qu'il y a entre "<?" et le "?>"
Je n'ai jamais été jusque là (mélangé du css et du php) et je me doute de l'efficacité de ce bout de code.
Je pense que ton professionnalisme en php et css dépasse largement mes compétences.

Tu sais, si tu parles de mécanique à un jeune boulanger, crois-moi ! il va y avoir un blème. Eh ben ! c'est exactement la même chose pour moi.
Aussi, comme tes compétences dépassent largement les miennes, je préfère en rester à ma petit "popote" et éviter ainsi de faire des bêtises.

Mais, merci tout de même de tes explications.
0

Discussions similaires

ALERT en php
snoopy -
appkech -

14 réponses
Comment réécouter un appel téléphonique ?
MaxBMX17 -
MaximeGaspart -

2 réponses
trait horizontal avec du css
tipi75 -
tipi75 -

8 réponses
Comment tomber directement sur la messagerie
fencer38 -
zouk -

27 réponses
balise de retour à la ligne en php
2I++ -
Naguez Abderraouf -

5 réponses