Mise en page d une page php

salut
Encore moi

Bon je n arrive vraiment pas à comprendre , j ai 5 pages php .
J ai besoin de faire une mise en page pour cette partie.
Je vais tenter d expliquer
encore une fois dur ,vu que je ne comprend pas :p

Une base (au pif) : http://warlix.com/page5.html
Ce que ça donne avec en background le jpeg : http://warlix.com/page6.htm
jusque là , ça va , même si j ai du mal à travailler les deux petites lignes ( je verrai plus tard)

Par contre il y a le coté fonction du code php
si je clic sur un des liens je reviens sur une page blanches sans design
Bien sur il m est difficile de le montrer car sur le site (des liens) je n ai pas de BDD donc les pages php ne donnent rien
mais je reviens sur cette page (lien du vrai site) : http://www.usr-football.fr/convocation.php

pas clair je pense , mais déja que les pages .php est un dossier non fini :p ,l'habiller deviens une galère
comment habiller (design) les pages que cela ouvre avec : convocation.php?p=2 etc ..
elles n existent pas :p (en dossier)

J oublis le .css qui aprés plus de 17 heures pour juste mettre le jpeg du head (jpeg , herbe du fond) sans aucun réultat , voir pire
donc j en reste a l importation direct du fond.jpeg dans dream et hop c est en ligne
le .css on verra quand j aurai compris (d ici 15/20 ans)

Si il n existe pas de solution sans le css , tant pi et merci d avoir pris le temps de lire.

--
la tristesse c est de ne pas savoir que l on est heureux !
Configuration: Windows 2000
Internet Explorer 6.0

26 réponses

  1. honétement j'ai rien saisie c'est de l'info ça ?
    0
    1. Contributeur
      salut

      c'est de l'info ça ?

      trompé de post ? ^^
      je ne donne pas d infos , mais je demande une piste pour faire le design d une page php

      merci quand même pour le déplacement ))

      0
      1. Contributeur
        Bonjour,

        J'essaie de comprendre.
        Et je te propose quelques explications.

        Dans http://warlix.com/page6.htm on (nous, loin de ton ordi.) ne voit pas le fond parce que tu fais appel à un fichier de ton disque dur
        body {
          background-image: url(file:///E|/utilisateurs/Public/ALAIN/usr_convocation/image/fond_convocation.jpg);
        }
        De même, les styles de ne sont pris en compte. Ni les liens.

        Ailleurs, la page est blanche parce que tu n'as pas défini d'image de fond (pas de <style>).

        Le fait d'utiliser PHP ne te dispense pas de coder aussi le HTML utile à tes pages (-;

        ++
        Tu peux t'y prendre autrement pour ton image de fond.
        Dans la mesure où ce qui est intéressant n'est qu'une petite partie posée sur un fond gris, tu peux placer cette image réduite en en-tête et définir cette couleur (sans image) comme couleur de fond d'une <div> qui contiendra le reste de tes éléments.
        Comme dans cet exemple.

        Et plutôt que faire
        .Style1 {font-size: 36px}
        .Style3 {font-size: 16px}
        et
        <h3 align="center" class="Style1"><a href="convocation.php?p=2" class="Style3">Voir les matchs</a></h3>
        il est préférable que tu fasses
        h3 {font-size: 16px; text-align : center;}
        et
        <h3><a href="convocation.php?p=2">Voir les matches</a></h3>
        Idem pour <h1>.
        Au passage, choisis des noms plus évocateurs pour tes styles et évite les px pour la taille de tes textes.

        --
        0
        1. Contributeur
          salut
          et merci de répondre

          Ce n est pas cela , il est vrai que mon post est trop floue
          pour une raison trés simple
          c est que les liens (2 premiers) sont juste pour donner un apperçu du fond
          ce qu il faut retenir c est le dernier
          quand on clic sur : http://www.usr-football.fr/convocation.php

          on arrive sur une page de gestion/fonction de se site.
          C est la mise en page de tt ça que je n arrive pas à faire

          exemple: je clic sur : voir les match , cela m ouvre cette page : http://www.usr-football.fr/convocation.php?p=2
          il faut que cette page s ouvre dans un cadre sous le header que tu trouves ici :http://warlix.com/page5.htm
          (bien sur le lien n est fait que pour donner l image , on ne retiens pas l adresse qui viens d un autre site)

          quand je clique sur :gestion des matchs (page réservée au admin du club) http://www.usr-football.fr/convocation.php?p=3
          je dois aussi faire un semblant de mise en page

          Ce qui me bloque c est que pour tout ces trucs , je n ai qu une page php , je met le code (long)
          ___________________________________________________________________________
          <?
          /***********************************************************************************************
          CONVOCATION.PHP

          >> Page principale, apelle la page spécifiée par le paramètre "p" (acceuil par défaut)
          ************************************************************************************************/
          ?>
          <?php
          // appel du fichier de configuration "config/config.php" qui contient les mots de passe mysql et d'autres infos.
          // include va remplacer la ligne où il se trouve par le contenu du fichier indiqué
          // config.php étant un fichier sensible, il vaut mieux le mettre en sécurité dans
          // le dossier config protégé par le .htaccess
          include( 'config/config.inc.php' );
          include( 'fonctions.inc.php' );

          // Démarrage de la session
          session_start();

          // *** connexion à la base de données
          if ($mysql_server == "") $mysql_server = "localhost";
          if( !@mysql_connect( $mysql_server, $mysql_user, $mysql_password ) ) {
          die( "Erreur lors de la connexion à la base de données !" );
          }
          if( !@mysql_select_db( $mysql_database )) {
          die( "Erreur lors de la connexion à la base de données !" );
          }

          // Il faut à présent créer la variable permettant de savoir que la personne est loggé
          // isset permet savoir si une variable existe
          // Le ! devant est l'opérateur NOT. La condition du if veut donc dire : SI $_SESSION['logged'] n'existe PAS ALORS...
          if( !isset( $_SESSION[ 'logged' ] ) ) {
          // Initialisation de la variable
          // On la met par défaut à zéro pour 'non-loggé'
          $_SESSION[ 'logged' ] = 0;
          }

          $origine_index = true;

          ?>
          <html>
          <head>
          <title>Convocations</title>

          <script>
          function confirm_action(text, url){
          ans=window.confirm(text);
          if(ans){
          window.location.replace(url);
          }
          }
          function check_duplicate(tag1, tag2){
          if (document.getElementById(tag1).checked) {
          if (document.getElementById(tag2).checked) {
          document.getElementById(tag2).checked = false;
          }
          }
          }
          </script>
          </head>
          <body>
          <h1>Convocation</h1>
          <p>
          <h2>Menu</h2>
          <ul>
          <li><a href="convocation.php?p=2">Voir les matchs</a></li>
          <li><a href="convocation.php?p=3">Gestion des matchs</a></li>
          </ul>
          </p>
          <p>
          <?php
          // On va maintenant regarder quelle page a été demandée
          // Quand on clique sur le menu, cela rajoute à l'url un ?p=...
          // Les variables contenues dans l'url se récupèrent dans un
          // tableau généré automatiquement par PHP et qui se nomme $_GET
          // ajout : si en provenance d'un formulaire (champ caché), on utilise $_POST
          if( isset( $_GET[ 'p' ] ) ) {
          $_SESSION[ 'page' ] = $_GET[ 'p' ];
          } else if( isset( $_POST[ 'p' ] ) ) {
          $_SESSION[ 'page' ] = $_POST[ 'p' ];
          } else {
          // Si aucune valeur n'est passée, on choisi la page d'accueil par défaut
          $_SESSION[ 'page' ] = 1;
          }

          // Voila, maintenant on est prêt à charger le contenu
          switch( $_SESSION[ 'page' ] ) {
          case 1 :
          // Libre à toi de mettre ce que tu veux en page d'accueil
          include( 'accueil.php' );
          break;
          case 2 :
          include( 'consulter.php' );
          break;
          case 3 :
          include( 'gerer.php' );
          break;
          default :
          // cette case c'est au cas une valeur incorrecte est entrée pour p dans l'url
          include( 'accueil.php' );
          break;
          }
          ?>
          </p>
          </body>
          </html>
          _______________________________________________________

          C est à partir ce cette seule page que je dois faire l 'habillage' mais là je suis paumé , car la premier , ça va (presque)
          la php=2 je n y arrive pas etc ....

          la soluce ?
          0
          1. Contributeur
            Ça revient au même.
            Et “Le fait d'utiliser PHP ne te dispense pas de coder aussi le HTML utile à tes pages”.

            Cette page ne reprend pas la mise en page en HTML.
            Si tu veux quelque chose d'équivalent, il faut le faire. À la main par exemple.
            Je ne connais pas PHP, mais il existe une fonction comme include (ou une autre) qui te permet d'injecter du texte dans tes pages.

            D'une manière ou d'une autre, il faut que ça soit écrit dans la page.
            Vois cet autre exemple.

            Attends des avis compétents en PHP qui ne sauraient tarder à venir.

            --
            0
            1. Contributeur
              re,

              tu ne pars pas sur la bonne base.
              pour débuter il faut écrire les pages html en premier.
              <html>
              <head>
              <title>Titre</title>
              </head>
              <body>
              <p>Hello world !</p>
              </body>
              </html>
              

              ensuite tu "dynamises" ta page :
              <html>
              <head>
              <title>Titre</title>
              </head>
              <body>
              <?php
              $var = 'Hello world !';
              echo '<p>'.$var.'</p>';
              ?>
              </body>
              </html>
              

              c'est un peu simpliste mais c'est pour que tu vois bien que php intervient à l'intérieur du code html, c'est l'utilisation la plus simple.
              dans ce cas, la page html est définie avant avec des données (en attendant tu peux mettre des infos bidon comme du Lorem Ipsum) et tu la mets en page, ensuite tu viens juste y ajouter des données dynamiques en php.
              0
              1. Contributeur
                re

                Ben non ça ressemble à ce que je veux
                tu as fais comment donc ?

                rien de marqué dans le code source , enfin que sache lire

                j ai vu que tu avais fais : ..............CCM/htmlphpcss/conv2.html
                donc un code css , mais en rapport avec quelle partie de la page ?
                et je ne comprend pas : fonction include qui injecte du texte
                je ne souhaite rien rajouter , juste cadrer et mettre un fond (limite "xxxxxx; ) me va bien.
                Mais que toutes les pages que l on ouvre via (page php) soient cadrées.

                0
                1. Contributeur
                  erf dalida est passée en meêm temps :)

                  Donc oui le code html , je l ai dans la page : convocation.php
                  si je fais un .css (voir une modif directement dedans )
                  j obtien le résultat que je souhaite (suis pas difficile remarque ^^)

                  Mais si je clic sur un des liens pour aller voir un match , je retombe sur une page php=2 sans design ^^
                  Mais je n ai pas de page : convocation.php=2 moi :p
                  Ca dois faire partie des 5 pages qui font fonctionner l ensemble , mais les 4 autres n ont aucun code html dedans.
                  convocation (vu)
                  consulter.php
                  gerer.php
                  fonction.inc.php
                  nouveaux_match.inc.php

                  J ai tenter d en mettre .... du coup plus rien ne fonctionne

                  Hors ce que 'gihef' a fait est dans le sens de ma demande.

                  0
                  1. Contributeur
                    en lisant vite fait le script je crois comprendre que tu fais des 'include()' des scripts 'consulter', 'gérer'…

                    c'est scripts doivent soit contenir les balises de mise en page en html soit les renvoyer via 'echo()'.
                    je reprends mon premier exemple :
                    <html>
                    <head>
                    <title>Titre</title>
                    </head>
                    <body>
                    <?php
                    include('scrip_a_inclure.php');
                    ?>
                    </body>
                    </html>

                    et 'scrip_a_inclure.php' :
                    <?php
                    $var = 'Hello world !';
                    echo '<p>'.$var.'</p>';
                    ?>

                    au final la page servie sera :
                    <html>
                    <head>
                    <title>Titre</title>
                    </head>
                    <body>
                    <p>Hello world !</p>
                    </body>
                    </html>

                    'include()' te permet de faire un copié/collé du code d'un script en l'interprétant.
                    0
                    1. Contributeur
                      merci

                      je vais m y pencher
                      même si le site du zéro ma bien aider , je vais voir autrement , car passer 17 heures pour juste tenter de mettre une bannière , ca fais légr :p

                      Me faut 30 secondes pour faire la même page , mais sous toshop/flash/dream , pour un résultats identique si on oublis les pub oranges de w3c
                      du coup je vais , je pense laisser tomber la partie interactive de mon site et ne rester que sur la partie informative ,la saison est démaré , je pensais qu en quelques jours je pouvais finaliser :) Mais là c est en mois que je compte.

                      en tout cas merci :)

                      0
                      1. Contributeur
                        re ^^

                        Bon je ne comprend pas le fonctionnement de include , en rapport avec ce que je veux faire ^^

                        Comment est généré la page .php=2 ? pour mettre en page une "page" il faut qu elle existe lol
                        moi pas comprendre le sytèeme de codage si c est pas concret
                        vivi ça existe des gens qui n ont pas une image virtuelle dans l espace
                        Faire un carré rouge avec un rond bleu dedans je vois
                        taper *dffeefk))azedaz/*- qui va donner le même résultat , je sais pas apprendre (je precise 'apprendre')
                        donc je reste malgrés mes 100 ene d heures au même point

                        il existe un modéle tout pret que l on peu telecharger sur un site ?
                        Limite si pas trop cher je paie et basta , je pose dans la racine de mon site , ça marche et on en parle plus
                        j ai encore quelques heures à passer pour les photos/mises en page/annimations etc ..
                        Et cette étape me bloque à 100 % .

                        Help !!!!!!!!

                        0
                        1. Contributeur
                          salut,

                          qu'est ce que tu veux dire par "page .php=2" ?
                          ça pourrait être soit un paramètre mal passé, soit une faute de frappe.
                          pour un paramètre ce serait "mapage.php?variable=valeur"
                          cela permet de récupérer "valeur" dans la page "mapage.php".

                          mais ce que tu indiques c'est faux, reste plus qu'à trouver d'où ça vient !
                          pour les scripts tout fait ça existe mais pas forcement qui font exactement ce que tu veux.
                          et modifier un peu un script compliqué ça peut être beaucoup plus dur que faire en entier un script simple.

                          dis nous exactement ce que tu veux faire, page par page et on a va essayer de te "décoincer" tout ça !
                          le mieux c'est un petit scénario :
                          le visiteur arrive sur la page d'accueil il peut afficher telle et telle page.
                          l'administrateur peut faire ça dans telle page et afficher ça dans telle autre.
                          etc…

                          (et au fait, tu m'as toujours pas dit ce que tu penses de ça…)
                          0
                          1. Contributeur
                            re

                            (et au fait, tu m'as toujours pas dit ce que tu penses de ça…)

                            c est fait :p

                            Pour le pb
                            J ai tellement posté sur juste ce blocage , que je ne sais plus par où commencer.

                            J ai un site : www......... qui existe / fonctionne (on laisse tombé le cote valid etc.. hein :p)
                            5 mains pages : 1 / 2 / 3 / 4 / convocation (je met1/2/3/4 pour les autre car on s en fou)
                            quand j entre sur la page convocation.html.
                            je dois avoir ma mise en page de toute la partie fonction php.
                            je relink la page du site: http://www.usr-football.fr/convocation.php
                            si tu tapes : gestion des matchs , tu vois bien que cela rajoute un truc (login+pass)
                            et en haut ce n est plus la page :convocation.php mais : convocation.php?p=3

                            Si je fais une modif dans le html de convocation.php , ça marche , mais quand j appuis sur : gestion
                            Ma page reviens comme si je n avais rien fais
                            peu être pas clair :p
                            .php est mis en page
                            .php?=3 non

                            Bon il y a déja ça ^^
                            ensuite si tu vas dans login : root pass : toto
                            tu peux enregistrer les infos pour le match + joueurs de la BDD (les noms actuels sont faux , juste pour en avoir)
                            le design ici on s en fou si je n en ai pas

                            Et le même pb quand tu vas voir les matchs , aucun design

                            Et pourtant sur ma feuille : convocation.php
                            le html est bien modifié via une feuille .css et il s affiche bien.

                            comment l expliquer autrement ^^

                            0
                            1. Contributeur
                              ben ca tourne en fait !!!

                              pour les variables et les valeurs, nomme-les explicitement "page=afficher", "page=gerer".
                              tu t'y retrouveras beaucoup plus facilement qu'avec "p=1", "p=2"…

                              pour la mep :
                              Et pourtant sur ma feuille : convocation.php
                              le html est bien modifié via une feuille .css et il s affiche bien.

                              non ! il n'y a pas de feuille de style :
                              <html>
                              	<head>
                              		<title>Convocations</title>
                              		
                              		<script>
                              		function confirm_action(text, url){
                              			ans=window.confirm(text);
                                			if(ans){
                                  			window.location.replace(url);
                                			}
                              		}
                              		function check_duplicate(tag1, tag2){
                              			if (document.getElementById(tag1).checked) {
                              				if (document.getElementById(tag2).checked) {
                              					document.getElementById(tag2).checked = false;
                              				}
                              			}
                              		}
                              		</script>		
                              	</head>
                              	<body>
                              		<h1>Convocation</h1>
                              		<p>
                              			<h2>Menu</h2>
                              			<ul>
                              				<li><a href="convocation.php?p=2">Voir les matchs</a></li>
                              				<li><a href="convocation.php?p=3">Gestion des matchs</a></li>
                              			</ul>
                              		</p>
                              		<p>
                              				</p>
                              	</body>
                              </html>

                              si tu veux la même chose que l'accueil il faut créer un style qui sera une adaptation de ton swf en html !
                              0
                              1. Contributeur
                                re

                                c est là que c est compliqué , je n ai pas touché au page du site
                                Je travail en ce moment sur mon ordi et j ai link les pages sur le site : warlix (voir au debut)

                                sur le site usr , aucune midif n a été faite , donc normal que tu ne vois pas le css :p
                                les page1/2/3/4 se sont les pages : accueil/classement/calendrier/vie du club

                                Pour cela que j ai dis on s en fou :)

                                je reste sur la page (5eme) convocation.html (mais que tu ne vois pas sur le site vu que je n arrive pas à le faire)
                                j ai une fonction php en lien avec une BDD que tu peux voir sur le link que j ai donné

                                Je cherche juste où se trouve les page .php?=2 // .php?=2 que cela fait apparaitre en utilisant les fonction php
                                Je sais que cela fait rire (sisi toi qui viens de lire je te vois) , mais je ne comprend pas d où viennent ces pages :p

                                Ok c est dans le script qui dois dire : affiche le résultat de la demande
                                surement pour cela qu il y a le : ?=3

                                Pour les pages php : le rar est là : http://dhboost.info/convoc.zip
                                Le reste moi plus comprendre , c est hors de mon niveau ...

                                d ailleur le codage en php n etant pas fini ^^ ça risque de tout bloquer , plus de nouvelle
                                0
                                1. Contributeur
                                  je vais manger et regarde ce que tu as fait.
                                  en attendant tu peux regarder cette page et les sources.
                                  tu devrais comprendre comment fonctionne le côté dynamique de la chose.
                                  c'est toujours la même page qui est appelée, en fonction de la variable 'page' contenu dans l'url le code servi n'est pas le même.
                                  0
                                  1. Contributeur
                                    re

                                    Bon app en passant :)

                                    je regarde mes pages que j ai en link sur l usr
                                    ________________________________
                                    ?>
                                    <form name="login_form" method="POST" action="convocation.php?p=3">
                                    Login : <input type="text" name="login"><br>
                                    Mot de passe : <input type="password" name="pass"><br>
                                    <input type="hidden" name="p" value="3">
                                    <input type="submit" name="send_form" value="Indentification">
                                    </form>
                                    <?php
                                    _______________________________________________________________

                                    Là où je colle du html ?
                                    je ne pense pas lol , mais vuq ue je suis perdu peu être
                                    ou alors j appel comme tu la montré :

                                    <li><a href="index.php?page=3">jemetquoiici</a></li>

                                    J ai du mal a voir le rapport entre un code de ''fonction'' et un code d affichage en fait
                                    une fonction ne s affiche pas elle s execute
                                    une execution donne un résultat , c est le résultat qu il faut afficher non ?
                                    et pour moi le resultat c est la page html
                                    le bout de code que je te montre c est une page .php sans aucun bout de html.

                                    bon moi je vais me noyer :) bonne digestion
                                    0
                                    1. Contributeur
                                      aaaaaah !
                                      les cailles que j'ai cuisinées hier soir étaient vraiment excellentes !!!
                                      bref !

                                      pour ton code laisse-le comme il est !
                                      je ne sais pas quel en est l'auteur mais la moulinette a l'air opérationnelle.
                                      par contre il faut trouver d'où vient l'erreur. soit d'un "GET" soit d'un "POST" qui est mal codé.

                                      pour le ".php?=2" c'est la page 'consulter.php' qui est visée mais l'url devrait être ".php?p=2"
                                      dans le fichier tu as l'explication :
                                      // On va maintenant regarder quelle page a été demandée
                                      // Quand on clique sur le menu, cela rajoute à l'url un ?p=...
                                      // Les variables contenues dans l'url se récupèrent dans un
                                      // tableau généré automatiquement par PHP et qui se nomme $_GET
                                      // ajout : si en provenance d'un formulaire (champ caché), on utilise $_POST
                                      

                                      le problème c'est que l'url n'est pas correcte.

                                      J ai du mal a voir le rapport entre un code de ''fonction'' et un code d affichage en fait
                                      une fonction ne s affiche pas elle s execute
                                      une execution donne un résultat , c est le résultat qu il faut afficher non ?


                                      pour comprendre php il faut savoir ce que fait le serveur.
                                      • page ".html". le serveur lit la page et la renvoie telle quelle.
                                      • page ".php". le serveur lit la page ligne par ligne et interprète le code php (il l'exécute) tout ce qui se trouve entre les balises "<?php" et "?>" ne sera pas renvoyé et est donc invisible pour le client. le serveur ne renverra vers le client que ce que php lui indique formellement de renvoyer. php renvoie de l'info avec la méthode "echo()".

                                      une fonction est définie par :
                                      function nomFonction()
                                      {
                                      }

                                      cela permet d'appeler du code depuis un autre point du code. bref, c'est plus une façon d'organiser le code.

                                      donc en php tu peux traficoter ce que tu veux (aller chercher dans une bdd, faire des calculs…) et quand tu veux que cela apparaisse sur ta page il faut utiliser "echo()". et ce que tu renvois doit être formaté en html.
                                      0
                                      1. Contributeur
                                        c est bon les cailles :)

                                        Bon je viens de faire encore deux trois trucs
                                        j ai toujour le même résultat
                                        je vais faire des impr ecrans
                                        etape 1 : http://img20.imageshack.us/img20/6122/pageconvocation1exemplemv0.jpg

                                        aprés avoir clic

                                        etape 2 :http://img20.imageshack.us/img20/6435/pageconvocation2exemplewa2.jpg

                                        Moi plus comprendre et pour ce qui est des include etc .. oubli , je sais ce que ça fais comme get_... etc .
                                        mais je suis incapable de t ecrire le dixieme d une ligne sans faire un copier coller ^^
                                        Donc si je ne sais pas ce que je fais , je ne sais ni l expliquer , ni le corriger.

                                        les durs lois de l info : si tu n as pas de problème sache que tu n as pas allumer ton ordinateur.

                                        0
                                        • 1
                                        • 2