Comment appliquer un style CSS dans du code php

**akiniva** · 25/08/2009, 23h05

Bonjour à tous et à toutes,

Je débute dans la programmation. J'ai créé une page .php qui est lié à une feuille de style externe design.css.
Les éléments hmtl de la page .php ont bien les styles imposés
exemple:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
<p class="naissance">Indiquez votre date de naissance (jj/mm/aaaa):</p>
<form method="post" action="new3.php">
<p>
<input type="text" name="jour" size="2" maxlength="2"/>/
<input type="text" name="mois" size="2" maxlength="2"/>/
<input type="text" name="annee" size="4" maxlength="4"/></br>
<input type="submit" value="envoyer"/>
</p>
</form>

Il y a au dessus du hmtl seul avec la class"naissance" et dans la feuille de style css .naissance{...} donc là tout va bien,le style s'applique

Là ou j'ai un problème c'est pour appliquer un style dans du PHP (c'est peut etre tout bete mais je ne vois pas)
exemple:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
    <head>
        <title>Bienvenue</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" media="screen" type="text/css" title="design" href="design.css"/>
	</head>
    <body>
 
echo "<p>vous êtes né un $nomdujour</p>";

j'aimerai appliquer un style unique à la ligne coloriée en vert, echo"...." pour afficher la phrase "vous étes né..." dans une couleur spécial par exemple.mais en faisant une classe à coté d'echo ,celà ne marche pas dans le fichier css.

Merci de votre aide
Arnaud

**12monkeys** · 25/08/2009, 23h23

Bonsoir

Ca n'a rien à voir avec le php : du code html c'est du code html que tu l'insère grâce au php ou pas.

Donc tu appliques comme avant :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<p class="nomdetaclasse">vous êtes né un $nomdujour</p>

**akiniva** · 25/08/2009, 23h41

Je suis ok avec ta réponse mais quand je mets dans la page:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

echo "<p classe="nom de la classe">vous êtes né un $nomdujour</p>";

et quand je mets dans la feuille externe design.css:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
.nom de la classe
{color:blue;}

ça ne s'applique pas et ça fait bugué le code php car les " " de l'attribut classe se confonde avec celui qui vient aprés le echo (echo ")

Désolé si je m'exprime mal et merci pour ton aide

**12monkeys** · 25/08/2009, 23h55

Non tu ne t'exprime pas mal, j'ai bien saisi le souci mais comme je le disais ce n'est pas un problème css, mais plutôt syntaxe de php :

Soit tu mets des guillemets simples, soit tu échappes les guillemets doubles :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
echo '<p classe="nom de la classe">vous êtes né un '.$nomdujour.'</p>';
 
echo "<p classe=\"nom de la classe\">vous êtes né un $nomdujour</p>";

Du point de vue css j'espère que tu n'utilises pas .nom de la classe ? Car les espaces dans les noms de classe ne sont pas autorisés...

**akiniva** · 26/08/2009, 00h06

Envoyé par 12monkeys

Non tu ne t'exprime pas mal, j'ai bien saisi le souci mais comme je le disais ce n'est pas un problème css, mais plutôt syntaxe de php :

Soit tu mets des guillemets simples, soit tu échappes les guillemets doubles :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
echo '<p classe="nom de la classe">vous êtes né un '.$nomdujour.'</p>';
 
echo "<p classe=\"nom de la classe\">vous êtes né un $nomdujour</p>";

Du point de vue css j'espère que tu n'utilises pas .nom de la classe ? Car les espaces dans les noms de classe ne sont pas autorisés...

Ah merci de ton aide!
Par contre le style de s'applique toujours pas sur la phrase je comprends pas mais maintenant le code marche bien.

(Non je ne mets pas d'espaces pour les noms de classe)

**12monkeys** · 26/08/2009, 00h09

On peut alors voir le code généré complet ?

**akiniva** · 26/08/2009, 00h23

Envoyé par 12monkeys

On peut alors voir le code généré complet ?

je fais comment pour afficher le code généré?

**akiniva** · 26/08/2009, 14h11

Voici le code généré:

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 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>
        <title>Bienvenue</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <link rel="stylesheet" media="screen" type="text/css" title="design" href="design.css"/>
	</head>
    <body>
 
<p class="nom">vous êtes né un vendredi</p>
 
 
 
</body>
</html>

Merci de votre aide

**tibotibo69** · 26/08/2009, 17h03

Ta feuille de style se trouve bien dans le même dossier que ton fichier .php ?

**akiniva** · 26/08/2009, 17h25

Envoyé par tibotibo69

Ta feuille de style se trouve bien dans le même dossier que ton fichier .php ?

Oui dans le méme dossier (dans le dossier 'www' dans wamp et aprés dans celui-ci un dossier 'test'.

Mais le pire c'est que maintenant mes feuilles de styles externe ne s'appliquent plus du tout, même avec les choses les plus simple.

exemple:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
   <head>
       <title>Arnaud </title>
       <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
       <link rel="stylesheet" media="screen" type="text/css" title="Design" href="design.css" />
   </head>
   <body>
<p>paragraphe1</p>
</body>
</html>

(feuille hmtl de base, juste pour exemple)

lié à une feuille de style externe:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
p
{color:blue, yellow;}

Je ne pense pas mettre trompé dans la feuille de style, j'ai essayé plusieurs chose (genre ne mettre qu'une couleur ou essayer de mettre des bordures mais rien de s'applique).
Ces pages sont stockés dans le dossier 'www' de wamp.
Mais j'ai stocké ces pages dans un méme dossier ("mes documents" du pc) mais toujours pareil.

Est-ce qu'il n'y aurait pas une erreur dans ma doctype ou dans la ligne link qui pose problème pour que la feuille de style ne s'applique pas?

Merci de votre aide
Arnaud

**tibotibo69** · 26/08/2009, 17h48

Envoyé par akiniva

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
p
{color:blue, yellow;}

?!

Peux-tu envoyer un zip de ta page php et de ta feuille de style ?

**akiniva** · 26/08/2009, 17h58

Envoyé par tibotibo69

?!

Peux-tu envoyer un zip de ta page php et de ta feuille de style ?

Les 2 pièces jointes sont le zip de la page html et de la feuille css.

Je ne comprends vraiment pas pourquoi mes feuilles css externe ne s'appliquent plus.Je suis perdus...

Comment appliquer un style CSS dans du code php [CSS 2]

CSS

Vue hybride

Discussions similaires

Partager

Partager