Salut,
Je suis face à un problème assez étrange dont je n'arrive pas à trouver la solution (c'est pas faute d'avoir cherché sincerement...)
Pour expliquer de façon théorique :
Pour moi le css, est par définition "style en cascade" ce qui implique que l'on peut imbriquer des styles.
J'utilise des classes pour ma mise en forme. Et voila en gros ce que je fais :
Classe1 h1 <-- un style (par exemple fond en rouge)
classe1 classe2 h1 <--- un autre style (fond en bleu).
Donc logiquement si je fais un div ayant pour classe classe1 et que je met un h1 à l'interieur il sera rouge. Si dans ce div je met un div classe 2 avec un h1 à l'interieur, il doit etre bleu.
Bon, dans un exemple bateau ca marche, mais dans mon code ça ne marche pas et pas moyen de mettre la main sur ce qui fait foirer tout ca...
Pourriez vous me filer un coup de patte svp ?
et le css (je n'ai mis que ce qui etait interressant) :
Voili voilou
Merci d'avance !
@ bientot
Modifié par zax-tfh (11 Oct 2005 - 23:52)
Je suis face à un problème assez étrange dont je n'arrive pas à trouver la solution (c'est pas faute d'avoir cherché sincerement...)
Pour expliquer de façon théorique :
Pour moi le css, est par définition "style en cascade" ce qui implique que l'on peut imbriquer des styles.
J'utilise des classes pour ma mise en forme. Et voila en gros ce que je fais :
Classe1 h1 <-- un style (par exemple fond en rouge)
classe1 classe2 h1 <--- un autre style (fond en bleu).
Donc logiquement si je fais un div ayant pour classe classe1 et que je met un h1 à l'interieur il sera rouge. Si dans ce div je met un div classe 2 avec un h1 à l'interieur, il doit etre bleu.
Bon, dans un exemple bateau ca marche, mais dans mon code ça ne marche pas et pas moyen de mettre la main sur ce qui fait foirer tout ca...
Pourriez vous me filer un coup de patte svp ?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
@import url(V2/themes/freeplayer/css/layout/index.css);
@import url(V2/themes/freeplayer/css/layout/bloc.css);
@import url(V2/themes/freeplayer/css/modules/mod_news.css);
</style>
</head>
<body>
<div class="modindex">
<h1>News</h1>
<div class="contenu">
<div class="news">
<h1>La V2 arrive</h1>
<div class="dateauteur">
<h2>Par <b>untel</b>, le 29-09-2005 16:18:57</h2>
</div>
<div class="contenu">
Voici un petit aperçu de la V2<br />
La charte graphique n'est pas encore terminée mais ça ne saurait tarder.<br />
Enjoy
</div>
<div class="commentaires">
<h3>
0 commentaire (<a href="index.php">Poster un commentaire</a>
/<a href="index.php">Lire les commentaires</a>).
</h3>
</div>
</div>
</div>
<div class="pied">
</div>
</div>
</body>
</html>
et le css (je n'ai mis que ce qui etait interressant) :
.news {
padding : 0 0 10px 0;
}
.news h1 {
font-family: verdana;
font-size: 12px;
height: 19px;
padding : 3px 0 0 10px;
margin-top: 0px;
margin-bottom: 0px;
background-color: #EAD;
}
.modindex h1 {
font-family: verdana;
font-size: 12px;
color: white;
height: 54px;
padding : 3px 0 0 7px;
margin-top: 0px;
width: 500px;
margin-bottom: 0px;
background-image: url("../../images/boite_droite_haut.gif");
background-repeat: no-repeat;
}Voili voilou
Merci d'avance !
@ bientot
Modifié par zax-tfh (11 Oct 2005 - 23:52)