CSS non appliquées

:salut:

Je crée un template sous joomla 1.0.13.

J'ai ce css

Code:

---

1 2 3 4

#module_top_droit { background-color: red; display: inline; }

---

et cet html

Code:

---

1 2 3 4 5

<img src="<?php echo $mosConfig_live_site; ?>/templates/B@z Rebirth/images/header_blinit.jpg"/> <div id = "module_top_droit"> <?php mosLoadModules('top',-2);?> </div>

---

Lorsque je remplace la partie soulignée par du texte banal, le css s'applique, qu'ai-je loupé ?( le module affiché est newsflash)

2 autres petites questions :

1) dans d'autres templates, j'ai vu des images de fonds s'afficher alors que le contenu était vide,moi, si je bascule mon image en fond, elle ne s'affiche que s'il y a du contenu dans le div qui la contient (çà me semble logique) mais comment faut-il faire ?

2) est-ce que quelqu'un peu m'expliquer clairement les différentes valeurs du paramètre [int]$style de mosLoadModules ?

merci de votre patience

paramètre 1 ou absent = table pour générer le module
-2 pas de table mais un div
-3 pas de table mais 3 div

Peut etre que simplement le module occupe toute la place et du coup ses css prennent le pas sur ton affichage rouge.

pour afficher quand meme l'image de fond sans rien il faut fixer la taille du div.

opware, j'adore tes réponses précises merci
1 question tout de même
tu dis que c'est peut-être un question de place je ne comprends pas, le css s'applique au div qui contient le module pas au module
pour l'image c'est ce que j'aurais fait mais les taille fixes, j'évite au max a

le css s'applique au div conteneur oui, mais si tu as le module contenu qui occupe 100% du div conteneur (par défaut), alors tu ne vois même pas 1px du conteneur donc tu ne peux pas savoir si le css a bien été appliqué. Regarde avec la Webdevelopper bar de FF2 ou Firebug pour savoir si le css est bien traité.

oui,
j'ai un module donc, ok pour le rouge mais la position (il devrait s'afficher à droite de l'image vu la propriété display or, c'est desous et çà me choc par contre.)
a+ et merci encore

Essaye de rajouter "float : left" à la class du div.

bizarre, le rouge s'affiche now mais il est toujours à gauche (logique : left)
voila schématiquement ce que je veux :

http://gardette.laurent.free.fr/test...20maquette.jpg

Code:

---

1 2 3 4 5 6 7 8

<div id="header"> <div class="logo"> <img src= "...." alt="... " width = "..." height="..." /> </div> <div class="module"> <?php mos... ?> </div> </div>

---

et en css

Code:

---

1 2 3 4

#header { width:100%; position: relative; height : 150px; /* par exemple */ background-image : url(image de fond); background-repeat:repeat-x; } #header .logo { float:left; width : 400px; background-color:blue; } #header .module { float: left; background-color:red; }

---