Comment appliquer un style CSS ?

**adameteve** · 10/03/2005, 15h28

Bonjour,

Je débute le PHP avec Dreamweaver MX 2004 et EasyPHP 1.8.

Je rencontre un petit problème : je ne parviens pas à appliquer un style CSS sur un texte.
Le style CSS est bien créé, je l'ai appliqué sur un texte (lien) dans ma page de création, à partir de ma pallette "Propriétés/Style", mais lorsque je visualise (F12) ma page, le texte sur lequel j'ai appliqué le style CSS apparaît à l'état brut.

Qqln peut-il m'aider ?

Merci d'avance,

Adam

[Sujet déplacé par moloc'h. Merci de lire les règles du forum]

**balu** · 10/03/2005, 17h06

J'imagine que tu utilises les fonctions WYSIWYG de Dreamweaver MX 2004.

Tu devrais plutôt montrer le code source de la page pour que les personnes passant sur le forum puisse t'aider.

**adameteve** · 10/03/2005, 17h17

Tu as raison

:

===========================

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<html>
<head>
 
<title>ESSAI ADAM PHP</title>
<link href="Verdana%208%20Noir.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.Style1 {
	color: #FF0000;
	font-weight: bold;
}
-->
</style>
</head>
 
<body>
 
<p><span class="Style1">
  <?php
echo "Salut tout le monde !";
?>
 
<?php
echo "<img src=\"/images/wanted-fred
.jpg\">";
?>
  </span>
    </p>
<p>&nbsp;</p>
<p><a href="index.php" class="Verdana8Noir">INDEX</a>
</p>
</body>
</html>

===============================

Merci d'avance,

Adam

**balu** · 10/03/2005, 17h31

Code :

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

<link href="Verdana%208%20Noir.css" rel="stylesheet" type="text/css">

1) Ne pas mettre d'espaces dans les noms de fichier.
*Dreamweaver t'a mis %20 à l'endroit où tu as des espaces dans le nom du fichier.

2) As-tu une classe Verdana8Noir dans la feuille de styles externe?
*Verdana8Noir.css

**adameteve** · 10/03/2005, 18h24

Oui, en effet j'ai un style Verdana8Noir.css, je viens de le corriger et d'enlever les espaces mais le problème reste le même : le texte reste brut.

Il faut bien appliquer le style CSS avec la palette de "Propriétés/Style" n'est-ce pas ?

Adam

**balu** · 10/03/2005, 18h42

1) Est-ce que ton fichier Verdana8Noir.css est dans le même répertoire que ta page?

2) Que contient ton fichier Verdana8Noir.css ?

Tu devrais y trouver une classe Verdana8Noir.

Verdana8Noir.css (fichier exemple) :

Code :

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

1
2
3
4
5
.Verdana8Noir {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #000000;
}

Le nom de la classe n'est pas le nom du fichier mais dans le contenu du fichier.

**adameteve** · 10/03/2005, 19h11

1) Non, justement, mon fichier css (répertoire local) n'est pas dans le même répertoire que ma page php (répertoire distant : C:\Program Files\EasyPHP1-8\www). Faut-il absolument qu'ils soient ensembles ?

2)Voici ce que contient mon fichier Verdan8Noi.css :

.Verdana8Noir {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 8px;
color: #000000;
font-weight: bold;
}

Adam

**balu** · 10/03/2005, 19h38

Envoyé par adameteve

1) Non, justement, mon fichier css (répertoire local) n'est pas dans le même répertoire que ma page php (répertoire distant : C:\Program Files\EasyPHP1-8\www). Faut-il absolument qu'ils soient ensembles ?

Oui, ils doivent être au même endroit comme indiqué ici :

Code :

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

<link href="Verdana8Noir.css" rel="stylesheet" type="text/css">

Puisque le fichier est introuvable, c'est pour cela que tu ne vois pas le style.

**adameteve** · 10/03/2005, 21h52

Ok, merci ça marche !

[Tag "Résolu" ajouté par Gaara]

Comment appliquer un style CSS ?

CSS

Discussions similaires

Partager

Partager