Pb d'application de css à une balise span
Bonjour tout le monde,
Je débute à peine en dev web (j'ai fait un site avec php/mysql ... et c'est tout) et j'aimerai faire une version propre de mon site d'emblée, donc utiliser les css. Le pb c'est que quoi que je mette dans mon fichier css, le résultat est strictement le même! Quelqu'un pourrait-il m'aider svp?
Je donne des détails sur la manière dont j'ai procédé ci-dessous.
J'ai donc créé une arborescence dans laquelle j'ai les dossiers suivants :
css/ qui contient les css
php/ qui contient les pages web
A la racine j'ai mon index.php qui ne fait que créer ma page principale. Voilà le code :
<?php
require('./php/pages/mainPage.php');
$main = new mainPage();
$main->display();
?>
Dans le répertoire css j'ai le fichier default.css qui devra contenir les paramètres par défaut du site. Voilà le code por la page principale (pour l'instant) :
.mainpage {
border-style: none;
border-width: 0px;
font-family: Comic Sans MS;
font-size: medium;
line-height: normal;
color: rgb(0, 0, 255);
font-weight: bold;
font-style: italic;
text-transform: none;
text-align: center;
text-decoration: none;
background-color: rgb(255, 255, 0);
display: none;
volume: silent;
list-style-type: disc;
list-style-image: url();
list-style-position: inside;
}
Dans le dossier php, j'ai le fichier MainPage.php qui contient entre autres le code suivant :
function display(){
echo "<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.01 Transitional//EN\">\n";
echo "<html style=\"direction: ltr;\" lang=\"fr-fr\">\n";
echo "<head>\n";
echo "<meta content=\"text/html;charset=ISO-8859-1\" http-equiv=\"Content-Type\">\n";
echo "<meta content=\"Orion\" name=\"author\">\n";
echo "<meta content=\"Page d'acceuil du site zyrion\" name=\"description\">\n";
echo "<link rel=\"stylesheet\" href=$this->cheminRacine/css/default.css\" type=\"text/css\">\n";
echo "<title>$this->title</title>\n";
echo "</head>\n";
echo "<body>\n";
echo "<span class=\"mainpage\">\n";
echo "Fonction display OK\n";
echo "</span>\n";
echo "</body>\n";
echo "</html>\n";
}
La phrase Fonction display OK s'affiche bien mais sans aucun formattage. Voilà le résultat obtenu en récupérant le source sous mon navigateur (Firefox) :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html style="direction: ltr;" lang="fr-fr">
<head>
<meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type">
<meta content="Orion" name="author">
<meta content="Page d'acceuil du site zyrion" name="description">
<link rel="stylesheet" href=/var/www/free.fr/2/1/zyrion/css/default.css" type="text/css">
<title>Zyrion</title>
</head>
<body>
<span class="mainpage">
Fonction display OK
</span>
</body>
</html>
Voilà. Merci pour ceux qui ont lu le message jusqu'au bout, et pour ceux qui pourront m'aider à me lancer.
Vincent
