28172 sujets

CSS et mise en forme, CSS3

[Résolu] Include et liens avec css ne fonctionnent plus...

Bonjour,

Je n'arrive plus à faire fonctionner mes liens depuis ce matin et je n'arrive pas à voir pourquoi.. Successivement j'ai simplifié mon site pour découvrir l'erreur mais toujours pareil...!!!
La structure simplifiée de mon site:
common -->css
data
theme --> css
--> header.php
--> home.php
--> footer.php
index.php
Et les fichiers réduits à leur plus simple expression...
le fichier index.php:

<?php include('theme/home.php'); ?>

le fichier header.php:

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">	
	<title>Site de développement: tests des liens</title>    
       <link href="../common/css/common.css" rel="stylesheet" /> 
      <link href="css/themeName.css" rel="stylesheet" />	
</head>
<body>
<!-- #website-wrapper fixant la largeur du site -->
<div>

le fichier home.php

<?php include('header.php'); ?>
    <h1> Test des liens</h1>
    <h2> Test des liens avec le dossier "theme/css"</h2>    
    <h3> Test des liens avec le fichier "theme/css/themeName.css"</h3>
    <div class="test">Test liens avec les css themeName: background avec une couleur</div>     
 <?php include('footer.php'); ?>

le fichier footer.php:

</div>  <!-- website-wrapper class "container" -->    
</body>
</html>

et enfin le fichier css themeName.css

.test  {
    width: 300px;
    height:100px;
    background-color: blue;
    border: solid black;
}
@import url("layout-themeName.css");

Merci
Cordialement
Modifié par cpalo (11 Jun 2014 - 08:13)
En cherchant, ce serait la régle import qui ne fonctionnerait pas.


@charset "UTF-8";

.test-themeName-color  {
    width: 300px;
    height:100px;
    margin-left: 40px;
    background-color: green;
    border: solid black;
}
@import url("layout-themeName.css");
@import url("responsive-themeName.css");


Devrais-je indiquer autrement l'url saisie?
Bonjour,

en fait je pense que l'erreur vient au niveau du fichier index.php ( fonction include ) et du fichier header.php où l'appel des liens ne se fait plus correctement..

j'ai trouvé aussi cet article de Raphael
http://www.alsacreations.com/astuce/lire/78-quelle-est-la-diffrence-entre-les-chemins-relatifs-et-absolus.html

Et en fait j'avais oublié ce détail qui comme tout détail avait son importance:
" Attention : si vous utilisez cette convention d'écriture pour un fichier inclus au moyen de la fonction include(), soyez conscient que le chemin relatif part non pas du fichier lui-même, mais du fichier dans lequel est placé son contenu : il s'agit du fichier exécuté par le serveur."

mon fichier index.php
<?php include('theme/home.php'); ?>


le code modifié de l'appel aux liens dans home.php:

<link href="common/css/common.css" rel="stylesheet" /> 
<link href="theme/css/themeName.css" rel="stylesheet" />


Et ça fonctionne

Bonne journée
Modifié par cpalo (11 Jun 2014 - 09:18)
Sujet clos
Aller à