IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Langage PHP Discussion :

mettre en forme un array php avec du css


Sujet :

Langage PHP

  1. #1
    Membre averti
    Femme Profil pro
    Webmaster
    Inscrit en
    Septembre 2019
    Messages
    19
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Septembre 2019
    Messages : 19
    Par défaut mettre en forme un array php avec du css
    Bonjour.
    j'ai besoin de mettre en forme mon array php avec du css.
    mais apparemment ça me retourne pas mal d'erreurs.
    il y t'il une façon de l'intégrer dans le code php?

  2. #2
    Expert confirmé
    Avatar de rawsrc
    Homme Profil pro
    Dev indep
    Inscrit en
    Mars 2004
    Messages
    6 142
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 49
    Localisation : France, Bouches du Rhône (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Dev indep

    Informations forums :
    Inscription : Mars 2004
    Messages : 6 142
    Billets dans le blog
    12
    Par défaut
    Salut,

    faut montrer ce que tu as déjà fait avec les erreurs qui vont bien.

  3. #3
    Invité
    Invité(e)
    Par défaut
    Citation Envoyé par rawsrc Voir le message
    ...les erreurs qui vont bien.

  4. #4
    Membre averti
    Femme Profil pro
    Webmaster
    Inscrit en
    Septembre 2019
    Messages
    19
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Septembre 2019
    Messages : 19
    Par défaut re array php css
    en fait, le principal problème.
    c'est que je teste des trucs que je vois sur les forums.
    mais rien ne semble vraiment marcher.
    est ce que je peux mettre un style sur un echo via mon array.
    car j'ai l'impression que c'est pas possible.

  5. #5
    Invité
    Invité(e)
    Par défaut
    Bonjour,

    si tu montres zéro code, tu auras zéro réponse.

    N.B. En l'occurrence, la question n'a pas vraiment de sens, car PHP se contente de "construire" le code HTML (+CSS,...) qui sera affiché par le navigateur.
    Sinon, oui, on peut ajouter du CSS simplement :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <?php
    echo '<span style="color:green;">texte vert</span>';
    Ou mieux, avec une classe CSS :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <?php
    echo '<span class="txt-green">texte vert</span>';
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    .txt-green { color:green; }

  6. #6
    Membre averti
    Femme Profil pro
    Webmaster
    Inscrit en
    Septembre 2019
    Messages
    19
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Septembre 2019
    Messages : 19
    Par défaut mon code de base avec l'array que je veux transformer
    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    <!DOCTYPE HTML>
    <html lang="fr">
    <head>
    	<meta charset="UTF-8">
    	<link rel="stylesheet" href="style.css">
    	<title>Movie+</title>
    </head>
    <body>
    	<div id="wrapper">
        <header>
       <img src="img/logo.jpg" alt= "logo" id="logo" />
       </header>
       <main id="marge">
     
     <?php
     
     
    $years = array (
          array ('year' => '2020','image'=> 'birds.jpg', 'movie' => 'Birds of prey','description' => 'Après sa séparation avec le Joker, Harley Quinn rejoint les super-héros Black Canary, Huntress et Renee Montoya pour sauver une jeune fille, à Gotham City.'),
              array ('year' => '2020','image'=> 'bloodshot.jpg', 'movie' => 'Bloodshot','description' => 'Bloodshot est un ancien soldat doté de pouvoirs de régénération et de meta-morphing suite à une injection de nanites dans son sang. Après avoir vu sa mémoire effacée à plusieurs reprises, il finit par découvrir qui il est et décide de se venger de ceux qui lui ont infligé cette expérience.'),
              array ('year' => '2019','image'=> 'lion.jpg' , 'movie' => 'Le Roi Lion','description' => 'Au fond de la savane africaine, tous les animaux célèbrent la naissance de Simba, leur futur roi. Les mois passent. Simba idolâtre son père, le roi Mufasa, qui prend à coeur de lui faire comprendre les enjeux de sa royale destinée. Mais tout le monde ne semble pas de cet avis'),
              array ('year' => '2019','image'=> 'avengersgame.jpg' ,  'movie' => 'Avengers : Endgame','description' => 'Le Titan Thanos, ayant réussi à se procurer les six Pierres Infinité et à les réunir sur le Gantelet doré, a pu réaliser son objectif de pulvériser la moitié de la population. Cinq ans plus tard, Scott Lang, alias Ant-Man, parvient à sortir de la dimension subatomique où il était…'),
          array ('year'=>'2018','image'=> 'aqua.jpg' ,   'movie' => 'Aquaman','description' => 'Les origines d’un héros malgré lui, dont le destin est d’unir deux mondes opposés, la terre et la mer. Cette histoire épique est celle d’un homme ordinaire destiné à devenir le roi des Sept Mers.'),
              array ('year'=>'2018','image'=> 'anim.jpg' ,   'movie' => 'Les Animaux fantastiques : Les Crimes de Grindelwald','description' => 'Dans le but de contrecarrer les plans de Grindelwald, qui cherche à rassembler les sorciers de sang-pur afin de régner sur tous les êtres non-magiques, Albus Dumbledore demande à son ancien élève de lui prêter main forte. Il accepte, ignorant tout des dangers qui les attendent.'),
          array ('year'=> '2017','image'=> 'it.jpg' ,   'movie' => 'ça','description' => 'Derry est en proie à une créature qui émerge des égouts tous les 27 ans pour se nourrir des terreurs de ses victimes de choix : les enfants. Bien décidés à rester soudés, les Ratés tentent de surmonter leurs peurs pour enrayer un nouveau cycle meurtrier. Un cycle qui a commencé un jour de pluie quand un petit garçon poursuivant son bateau en papier se retrouve face-à-face avec un clown répondant au nom de Grippe-Sou...'),
              array ('year'=> '2017','image'=> 'stars.jpg' ,   'movie' => 'Star Wars, épisode VIII : Les Derniers Jedi','description' => 'Le Premier Ordre étend ses tentacules aux confins de la galaxie, poussant la Résistance dans ses retranchements. Il est impossible de se sauver à la vitesse de la lumière avec cet ennemi continuellement aux trousses.'),
              array ('year'=> '2016','image'=> 'zootpie.jpg' ,   'movie' => 'zootopie','description' => 'Zootopia est une ville qui ne ressemble à aucune autre : seuls les animaux y habitent ! On y trouve des quartiers résidentiels élégants comme le très chic Sahara Square. Dans cette incroyable métropole, chaque espèce animale cohabite avec les autres'),
              array ('year'=> '2016','image'=> 'rogue.jpg' ,   'movie' => 'Rogue One: A Star Wars Story','description' => 'Dans une période de conflit, un groupe de héros décide de voler les plans de leur ennemis, une arme de destruction massive. Ce tournant décisif dans la chronologie Star Wars réunit des personnes ordinaires qui choisissent de faire des choses extraordinaires'),
          array ('year'=> '2015','image'=> 'madmax.jpg' ,   'movie' => 'Mad max : Fury Road','description' => 'Hanté par un lourd passé, Mad Max estime que le meilleur moyen de survivre est de rester seul. Cependant, il se retrouve embarqué par une bande qui parcourt la Désolation. Ils fuient la Citadelle où sévit le terrible Immortan Joe qui se fait voler un objet irremplaçable. Enragé, ce Seigneur de guerre envoie ses hommes pour traquer les rebelles impitoyablement.'),
          array ('year'=> '2014','image'=> 'interstellar.jpg' ,   'movie' => 'Interstellar', 'description'=> 'Le film raconte les aventures d’un groupe d’explorateurs qui utilisent une faille récemment découverte dans l’espace-temps afin de repousser les limites humaines et partir à la conquête des distances astronomiques dans un voyage interstellaire.'),
              array ('year'=> '2014','image'=> 'gardiens.jpg' ,   'movie' => 'Les gardiens de la Galaxie', 'description'=> 'Peter Quill est un aventurier traqué par tous les chasseurs de primes pour avoir volé un mystérieux globe convoité par le puissant Ronan, dont les agissements menacent la galaxie. Il découvre alors le véritable pouvoir de ce globe et son pouvoir'),
          array ('year' => '2013','image'=> 'rush.jpg' ,   'movie' => 'Rush', 'description'=> 'Au début des années 1970, sur les circuits de Formule 3, James Hunt pilote une Lotus nerveuse et vit comme si chaque jour était le dernier. Un jour, sur le circuit de Cristal Palace, il se frotte à  Niki Lauda. Hunt et Lauda dominent nettement leurs concurrents et les deux pilotes se lancent dans un âpre duel duquel James Hunt sort vainqueur.'),
              array ('year' => '2013','image'=> 'frozen.jpg' ,   'movie'  => 'La reine des Neiges', 'description'=> 'La jeune princesse Anna va à la recherche de sa sœur Elsa, qui a transformé leur royaume ensoleillé en un immense désert de neige. Dans sa quête, elle est accompagnée de Kristoff, un montagnard, et Olaf, un drôle de bonhomme de neige. Ensemble, ils vont affronter toutes sortes de dangers pour enfin libérer le royaume de cet hiver éternel.'),
          array ('year' => '2012','image'=> 'avengers1.jpg' ,   'movie' => 'Avengers', 'description'=> 'Nick Fury, le directeur du S.H.I.E.L.D., cette organisation préserve la paix dans le monde et veut former une équipe de super-héros pour empêcher la destruction du monde. Iron Man, Hulk, Thor, Captain America, Hawkeye et Black Widow répondent présents.'),
          array ('year' => '2011','image'=> 'drive.jpg' ,   'movie' => 'Drive','description'=> 'Un jeune mécanicien taciturne travaille dans un petit garage de Los Angeles et effectue des cascades pour le cinéma. Mais de nuit, il sert aussi de conducteur (Driver en version originale) à des membres du crime organisé. Le patron du garage, Shannon , voudrait en plus le voir participer à des courses automobiles et, pour concrétiser cela, finit par solliciter le soutien financier du mafieux Bernie Rose.'),
    );
    foreach ($years as $years)
    {
            if ($years['year']== $_GET['year'])
            {
            echo ' : '.$years['year'].' :'.$years['movie'].' : '.$years['description'].' </p>';
                    echo '<img src="img/' . $years['image'] . '"/>';                
                    }
    }
    ?>
    </main>
    <!-- fin article-->
    <footer>
    <div class="bordure2"></div>
    <p class="minitexte3">© 2017 tous droits de reproduction réservés</p>
    </footer>
    </div>
    </body>
    </html>

    je voudrais aligner l'image à coté du texte mais je n'arrive pas a mettre une feuille de style dessus.

  7. #7
    Invité
    Invité(e)
    Par défaut
    1- As-tu regarder le code HTML généré ("Ctrl"+"U") ?

    Que fait cette balise '</p>' perdue toute seule ?


    2- Ensuite, tu peux "construire" le code comme tu veux.
    Par exemple :
    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    if( isset($_GET['year']) )
    {
    	foreach ($years as $years)
    	{
    		if ($years['year']== $_GET['year'])
    		{
    			echo '<div class="film"><img src="img/' . $years['image'] . '"/>'.$years['year'].'<br /><b>'.$years['movie'].'</b><p>'.$years['description'].' </p></div>'."\n";
    		}
    	}
    }
    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    .film { border:1px dashed #ccc; padding:10px; margin:5px 0; }
    .film img { float:left; margin-right:10px; }


    N.B. Le ."\n" permet de passer à la ligne dans le code généré.
    C'est plus "propre" (plus lisible).

  8. #8
    Membre averti
    Femme Profil pro
    Webmaster
    Inscrit en
    Septembre 2019
    Messages
    19
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Septembre 2019
    Messages : 19
    Par défaut Bonjour
    Merci, c'est plus clair dans mon esprit.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Récupérer un array php avec PERL
    Par ciols dans le forum Langage
    Réponses: 16
    Dernier message: 20/08/2014, 13h07
  2. [XSLT 1.0] Mettre en forme un schéma xsd avec une feuille de style xsl
    Par rinfray dans le forum XSL/XSLT/XPATH
    Réponses: 2
    Dernier message: 24/04/2013, 09h04
  3. comment mettre en forme des données PHP?
    Par monlou dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 21/01/2010, 19h13
  4. Réponses: 7
    Dernier message: 15/11/2006, 14h23
  5. Réponses: 11
    Dernier message: 07/04/2006, 05h34

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo