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

Mise en page CSS Discussion :

Styles CSS et PHP


Sujet :

CSS

  1. #1
    Membre confirmé Avatar de mullger
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    157
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Avril 2006
    Messages : 157
    Par défaut Styles CSS et PHP
    Bonjour,

    Je fais un site internet avec des feuilles de style CSS. Ca marche super avec le html, mais je ne sais pas comment faire pour appliquer des styles au contenu de mon code PHP.

    Je m'eplique, dans mon code html quand j'écris dans un paragraphe ou un tableau la police est Arial. Lorsque quelque-chose sortant de mon php est affiché, la police est toujours Times.

    Je voudrais savoir coment faire pour que mes styles s'appliquent aussi au code html qui est généré depuis mon code php. Est-ce que c'est possible au moins ?

    Merci d'avance,

  2. #2
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    A priori, si tu fais :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    body{
       font-family:arial,sans serif;
       font-size:11px;
    }
    et
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <body>
    <? print "Ceci est un test" ?>
    </body>
    Ton texte est en Arial 11px.

    Après, que tu sois en PHP ou non, si tu écris :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    body{
       font-family:arial,sans serif;
       font-size:11px;
    }
    et
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    <body>
       <table>
          <tr>
             <td><? print "Ceci est un test" ?></td>
          </tr>
       </table>
    </body>
    Ton texte ne sera pas en Arial 11px.

  3. #3
    Membre confirmé Avatar de mullger
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    157
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Avril 2006
    Messages : 157
    Par défaut
    Merci mais ça je le savais déjà. Et justement, je voudrais savoir s'il est possible de faire en sorte que ce texte soit dans la même police que le reste de mon document html.

  4. #4
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    table,tr,td{
       font-family:arial,sans serif;
       font-size:11px;
    }

  5. #5
    Membre confirmé Avatar de mullger
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    157
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Avril 2006
    Messages : 157
    Par défaut
    On s'est mal compris je crois. Ce n'est pas une question de balises, je sais appliquer un style CSS à des balises html, merci. Mais je voudrais en appliquer à ce qui sort de mon code php.

    si je fais :

    body{
    font-family:arial,sans serif;
    font-size:11px;
    }

    <body>
    <? print "Ceci est un test" ?>
    </body>

    Le texte ne sera pas en arial 11px

  6. #6
    Modérateur
    Avatar de Bisûnûrs
    Profil pro
    Développeur Web
    Inscrit en
    Janvier 2004
    Messages
    9 931
    Détails du profil
    Informations personnelles :
    Âge : 42
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Janvier 2004
    Messages : 9 931
    Par défaut
    Citation Envoyé par mullger
    Le texte ne sera pas en arial 11px
    T'as essayé ?

    Moi oui :
    http://josselin.willette.free.fr/tests/test.php

  7. #7
    Rédacteur

    Avatar de zoom61
    Homme Profil pro
    ...
    Inscrit en
    Janvier 2005
    Messages
    9 433
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Vienne (Limousin)

    Informations professionnelles :
    Activité : ...
    Secteur : Industrie

    Informations forums :
    Inscription : Janvier 2005
    Messages : 9 433
    Billets dans le blog
    11
    Par défaut
    Salut,

    Si je comprends bien tu veux que le texte venant de php (il y a des chances que cela vienne d'une base MySQL) ait la même mise en page que des pages html, il te suffit de remettre le même élément que pour le code html.

    1°) Indiquer où sont tes pages CSS.
    2°) Indiquer le style que tu veux de ta page CSS.

    @+.

  8. #8
    Membre confirmé Avatar de mullger
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    157
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Avril 2006
    Messages : 157
    Par défaut
    Evidemment que j'ai essayé bisousTruc, si ça avait marché tu penses bien que je ne posterais ceci en demandant comment faire !

    Oui je vais essayer de l'indiquer, mais juste encore une question. c'est déjà indiqué dans la balise meta de ma page où j'ai du PHP, où je peux le mettre sinon ?

  9. #9
    Rédacteur

    Avatar de zoom61
    Homme Profil pro
    ...
    Inscrit en
    Janvier 2005
    Messages
    9 433
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Vienne (Limousin)

    Informations professionnelles :
    Activité : ...
    Secteur : Industrie

    Informations forums :
    Inscription : Janvier 2005
    Messages : 9 433
    Billets dans le blog
    11
    Par défaut
    Ta page pourrais avoir ce type là :
    Code : 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
    <?php
    require ('xxx.php');
    ?>
    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="page_de_style.css">
    ...
    </head>
    <body>
    ...
    <?
    echo "<p class=\"type_css\">".$variable."</p>";
    ?>
    ...
    </body>
    </html>

  10. #10
    Membre confirmé Avatar de mullger
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    157
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Avril 2006
    Messages : 157
    Par défaut
    Mais ce que je comprends pas c'est que ça aussi je l'ai déjà fait et ça ne marche pas.

  11. #11
    Rédacteur

    Avatar de zoom61
    Homme Profil pro
    ...
    Inscrit en
    Janvier 2005
    Messages
    9 433
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Vienne (Limousin)

    Informations professionnelles :
    Activité : ...
    Secteur : Industrie

    Informations forums :
    Inscription : Janvier 2005
    Messages : 9 433
    Billets dans le blog
    11
    Par défaut
    Le problème ne viendrait-il pas plutôt de ta feuille de style

    Peux-tu mettre le bout de code de ta page.

  12. #12
    Membre Expert
    Avatar de Nesmontou
    Homme Profil pro
    Architecte logiciel
    Inscrit en
    Septembre 2004
    Messages
    1 612
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 43
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Architecte logiciel
    Secteur : Finance

    Informations forums :
    Inscription : Septembre 2004
    Messages : 1 612
    Par défaut
    Salut, lorsque tu fais ton test
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    body{
    font-family:arial,sans serif;
    font-size:11px;
    }
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <body>
    <? print "Ceci est un test" ?>
    </body>
    Le code HTML qui est généré est bien
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <body>
    Ceci est un test
    </body>
    ?
    Sinon, tu es sûr que ta feuille de style est bien chargée ? (chemin correct...)

  13. #13
    Membre confirmé Avatar de mullger
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    157
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Avril 2006
    Messages : 157
    Par défaut
    Oui je suis vraiment sûr. Est-ce que c'est possible que ce soit EasyPHP qui me fasse des bugs ? J'ai installé WAMP, je vais tester tout de suite ce que ça donne pour voir.

  14. #14
    Membre confirmé Avatar de mullger
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    157
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Avril 2006
    Messages : 157
    Par défaut
    Ah ben non, je viens de tester, ça m'a réglé quelques bug, mais pour ce problème là ça n'a servi à rien !

    Je me pose une autre question. Le texte que j'affiche en php n'est dans aucune balise donc évidemment, je n'ai rien mis là-dessus dans ma feuille de style. Comment on fait pour définir le texte par défaut en CSS ?

    Merci beaucoup du temps investi à m'aider !

  15. #15
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    Citation Envoyé par mullger
    ... Le texte que j'affiche en php n'est dans aucune balise...
    Il faut quand même que le texte généré par php, se trouve dans le body...
    Sinon, aucune chance, et ce n'est plus franchement, de l'html. C'est juste un fichier texte que ton navigateur tente vaguement d'interprété comme du html...
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  16. #16
    Membre confirmé Avatar de mullger
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    157
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Avril 2006
    Messages : 157
    Par défaut
    Ce qui est dingue c'est que ce mon code php est dans les balises body et que j'ai bien indiqué que j'utilisais des feuilles de style CSS et où elles se trouvaient avec la balise link entre les balises meta.

    Je ne vois pas trop quoi faire d'autre et je me demande si avec le CSS on peut définir par exemple un texte sans que celui-ci soit dans une autre balise que body ?

    Sinon est ce que c'est juste ça `?
    body {
    font-family:arial ;
    font-size:12pt ;
    color:"black" ;
    }

  17. #17
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    je suppose que ton texte php se trouve quelque part ou le style ne l'atteint pas...
    tu devrais nous montrer le code html que génére le php

    en parallèle, pour voir si ce n'est pas plus grave que ca...
    tu peux mettre ca dans ton css:

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    * {
    font-family:arial ;
    font-size:12pt ;
    color:"black" ;
    }
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  18. #18
    Membre confirmé Avatar de mullger
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    157
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Avril 2006
    Messages : 157
    Par défaut
    Je vous met une de mes pages où du code php est généré pour voir si je n'aurais pas fait une bourde.
    Fichiers attachés Fichiers attachés

  19. #19
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Par défaut
    quand je te parlais du code, je pensais a de l'html...

    Celui que tu peux récupérer dans ton navigateur en faisant "afficher la source"

    Tu prends une page qui pose problème et tu nous copie colle (si c'est pas trop long) la source.

    Sinon, as-tu essayé de mettre le css que je t'ai indiqué dans mon précédent post

    (le * indique que les règles s'appliquent à tous les éléments sans distonctions)
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  20. #20
    Membre Expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Par défaut

    question bête mais on ne sait jamais : tu as bien ton CSS au même niveau que ton fichier PHP ? (je sais que c'est bête mais des fois on passe à côté de truc tellement évident en cherchant une solution compliqué pour rien )

Discussions similaires

  1. Feuille de style css avec php
    Par minipopov dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 20/03/2012, 12h47
  2. [Article] Des feuilles de style CSS dynamiques avec PHP
    Par Bisûnûrs dans le forum Publications (X)HTML et CSS
    Réponses: 3
    Dernier message: 05/01/2009, 20h48
  3. [Dreamweaver] Style.css.php?color..etc
    Par CHAPLAST dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 31/08/2008, 09h38
  4. feuille de style CSS et fichiers incluant du PHP
    Par helenegu dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 29/11/2007, 22h46
  5. feuille de style css et php
    Par stars333 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 03/09/2007, 00h32

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