Comment appliquer un style CSS dans du code php

Version imprimable

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:

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:

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

25/08/2009, 23h23
12monkeys

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:

<p class="nomdetaclasse">vous êtes né un $nomdujour</p>
25/08/2009, 23h41
akiniva
Je suis ok avec ta réponse mais quand je mets dans la page:

Code:

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

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

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
25/08/2009, 23h55
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:

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...
26/08/2009, 00h06
akiniva
Citation:
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:

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)
26/08/2009, 00h09
12monkeys

On peut alors voir le code généré complet ?
26/08/2009, 00h23
akiniva

Citation:

Envoyé par 12monkeys

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

je fais comment pour afficher le code généré?
26/08/2009, 08h51
tibotibo69

Sous firefox, tu fais CTRL+U, sinon tu fais "affichage > code source de la page".

Sous IE, tu fais "affichage > source".

Voici le code généré:

Code:

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

26/08/2009, 17h03
tibotibo69

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

Citation:

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:

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:

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

26/08/2009, 17h48
tibotibo69
Citation:
Envoyé par akiniva

Code:

1 2 p {color:blue, yellow;}
?!

Peux-tu envoyer un zip de ta page php et de ta feuille de style ?
26/08/2009, 17h58
akiniva

2 pièce(s) jointe(s)

Citation:

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...:roll:
26/08/2009, 18h36
12monkeys

Déjà tu ne peut spécifier qu'une seule couleur : tu mets soit blue, soit yellow, mais pas les deux.

Ensuite si tes deux fichiers sont dans le même répertoire il n'y a aucune raison pour que cela ne fonctionne pas...

Essaye en vidant forçant le rafraichissement de la page : bouton F5 ; voir à vider ton cache, cela peut peut être venir de là...
26/08/2009, 18h47
akiniva

Citation:

Envoyé par 12monkeys

Déjà tu ne peut spécifier qu'une seule couleur : tu mets soit blue, soit yellow, mais pas les deux.

Ensuite si tes deux fichiers sont dans le même répertoire il n'y a aucune raison pour que cela ne fonctionne pas...

Essaye en vidant forçant le rafraichissement de la page : bouton F5 ; voir à vider ton cache, cela peut peut être venir de là...

J'ai vidé forcé le rafraichissement de la page comme tu m'as conseillé et ça marche bien maintenant. Je ne comprends pas bien pourquoi ça me faisait ça avant mais bon problème résolu.

Merci à tous les membres qui m'ont aidé.
Arnaud
26/08/2009, 18h49
tibotibo69
Je viens d'essayer avec tes fichiers et en changeant le CSS comme le dit 12monkeys, ça passe :
Code:

1 2 3 4 5 p { color: blue; }