[RÉGLÉ] CSS qui ne s'affiche plus

[Helvétie]

Bonjour,

Nous sommes un groupe d'étudiants devant créer un site web pour projet d'étude, utilisant la CSS et le HTML avec Joomla.

Nous avons installé un template et préparé des articles, en utilisant l'éditeur HTML dans les articles avec des div et en modifiant directement la CSS dans le template.

Aujourd'hui, la CSS ne reconnaît pas les modifications effectuées. Par exemple, cet article : http://www.projetsisit.fr/4CIT/g9/index.php/gastronomie

Code html :
<div id="andreas1">
<p>C’est en 2011 que le chef-cuisinier <span title="Lien vers le site d'Andreas Caminada"><a href="www.andreascaminada.com/" target="blank">Andreas Caminada</a></span> s’est vu décerner l’ultime consécration : une 3^ème étoile, reconnaissance de son travail de maître et de la qualité des produits utilisés dans son restaurant, au château de Schauenstein, où il exerce ses talents.</p>
<p>Originaire de la région des Grisons, ce magicien de la gastronomie suisse a su rompre avec la cuisine habituellement campagnarde de la région, afin de donner vie à des plats des plus fins, délicats et créatifs. Formé notamment chez le grand chef allemand 3 étoiles de la Forêt Noire Claus-Peter Lumpp, il propose dans un cadre élégant et cosy des mets qui ne vous laisseront pas de marbre : Langoustines chaudes, sorbet à la moutarde – Mince filet de veau parfumé au pamplemousse, flan de pomme de terre saupoudré de truffe d’Alba… entre autres !</p>
<p>Pour une grande occasion (ou tout simplement pour vous faire plaisir…) nous vous recommandons chaudement ce restaurant, qui saura sans aucun doute ravir vos papilles et vos yeux.</p>
</div>
<div id="andreas2"><img src="images/gastronomie/Caminada.jpg" border="0" alt="Andreas Caminada" title="Andreas Caminada, jeune chef aux talents récompensés" width="200" height="131" /></div>
<div id="andreas3">
<p>Schauenstein Schloss Hotel Restaurant<br /> Schlossgass 71<br /> 7414 Fürstenau<br /> <span title="Lien vers le site du restaurant"><a href="http://www.schauenstein.ch/" target="_blank">www.schauenstein.ch</a></span><br /> De 70 à 131 € le repas sans les vins</p>
</div>

Code CSS associé à cet article :

#andreas1
{color: #EFFBEF;
font-size: 16px;
font-family: Arial;
text-align: justify;}

#andreas2
{float: left
}


#andreas3
{color: #4C0303;
font-size: 14px;
font-family: Arial;
text-align: justify;
background-color: #E8E1E1;
border:solid 1px;
border-color:#EC0000;
float: right;
width:400px;
height: 131;
}

Vous voyez que sur le navigateur, les modifications ne sont pas prises en compte. Qu'est ce qui nous échappe ?

Merci pour vos réponses !

[lefabdu51]

Re : CSS qui ne s'affiche plus

tu as vidé le cache de ton navigateur?

PArceque la tout est ds le bon sens.....

Par contre evite les id, utilise plutot des classes....

[ghazal]

Re : CSS qui ne s'affiche plus

Salut les helvètes,
il y a une coquille à ce niveau, cad il manque un "{" :

#main6 {
color: #EFFBEF;
font-size: 16px;
font-family: Arial;
text-align: justify;
background: url("village_suisse.jpg");
etc ...
}

#main7 {
color: #EFFBEF;
font-size: 16px;
font-family: Arial;
text-align: justify;
background-repeat:no-repeat;
etc...
}

Autre chose :
ne pas confondre le chemin des images du template

site/templates/votre-template/images/monimage.png

avec le chemin des images publiées dans les articles

site/images/modossierimages/monimage.png

dans le fichier css du template, le chemin est :
../images/monimage.png

[Helvétie]

Re : CSS qui ne s'affiche plus

Bonjour,

Merci pour vos réponses et votre réactivité !! Problème résolu en vidant le cache
En revanche ghazal, ta remarque m'intéresse. Imaginons que je souhaite utiliser une image en fond de l'un de mes blocs. Cette image se trouve dans mes fichiers médias, dans un fichier intitulé "gastronomie"
Le code CSS sera-t-il background-image: url(images/gastronomie/nomimage.jpg) ?

Merci !

[PieceOfCake]

Re : CSS qui ne s'affiche plus

Bonjour,

règle générale : si le code CSS ci-dessus est dans un fichier CSS, alors le chemin est relatif à l'emplacement du fichier CSS.
contournement le plus simple le rendre relatif à la racine du site : url(/images/gastronomie/nomimage.jpg)

[ghazal]

Re : CSS qui ne s'affiche plus

@PieceOfCake

au niveau de la remontée dans les répertoires, je pense qu'il faut différencier la notation d'un appel à une image
dans un fichier .css
de celle
d'un fichier .php

* fichier .css

background: url(../images/3.0/arrow.png);

*fichier php

$thumb = $basePath . '/template_thumbnail.png';

@Helvétie

Imaginons que je souhaite utiliser une image en fond de l'un de mes blocs. Cette image se trouve dans mes fichiers médias, dans un fichier intitulé "gastronomie"
Le code CSS sera-t-il background-image: url(images/gastronomie/nomimage.jpg)

* plutot dossier (ou répertoire) "gastronomie", non ?

* Cette image se trouve dans mes fichiers (sic) médias
lesquels ?
dossier images du template ?
ou
dossier medias à la racine ?
ou
dossier images à la racine ?

[PieceOfCake]

Re : CSS qui ne s'affiche plus

@PieceOfCake

au niveau de la remontée dans les répertoires, je pense qu'il faut différencier la notation d'un appel à une image
dans un fichier .css
de celle
d'un fichier .php

Très certainement et je ne me mesurerais pas à toi sur le terrain du code PHP, mais la question ne parlait que d'un fichier CSS. Dans un fichier CSS, le chemin à utiliser est relatif à l'emplacement du fichier CSS (pas de la page ou de l'article à afficher), sauf s'il commence par le caractère '/' auquel cas il est relatif à la racine du site par défaut

[ghazal]

Re : CSS qui ne s'affiche plus

sauf s'il commence par le caractère '/' auquel cas il est relatif à la racine du site par défaut

Certes.
Mais je pense que tu n'as pas vu les "2points", indispensables dans un fichier CSS pour la remontée du path dans les répertoires:

* fichier .css

background: url(../images/3.0/arrow.png);

*fichier .php

$thumb = $basePath . '/template_thumbnail.png';

Les 2 formats n'ont pas tout à fait la même logique.

[PieceOfCake]

Re : CSS qui ne s'affiche plus

on va pas chipoter. relatif, veut dire relatif ....

Certes.
Mais je pense que tu n'as pas vu les "2points", indispensables dans un fichier CSS pour la remontée du path dans les répertoires:

si le répertoires images n'est pas au même niveau que le fichier css, il faut adapter forcément le chemin . N'empêche que la règle est bien celle définit par la w3c : l'uri est relative au fichier CSS (le nombre ou l'absence de '../' dépendant bien entendu des conditions d'utilisation)

[Helvétie]

Re : CSS qui ne s'affiche plus

Merci à vous pour ces précisions, elles me seront très certainement utiles ! Pour le moment, j'ai solutionné le problème en utilisant le lien url d'images hébergées sur internet.

Merci !