Bonjour à tous,
ce topic fait suite à ca http://forum.alsacreations.com/topic.php?fid=4&tid=2154
Donc j'en suis toujours au meme point avec une différence d'interprétation lorsqu'on declare un id et une class.
Je vais tenter d'etre clair.
Soit le code HTML suivant
et ses CSS associés
Dans la logique x-menu-4 est dominant sur le container supérieur. Et pourtant la couleur de fond est creme (couleur container) au lieu de blanc.
De plus si je change de id vers class le x-box-3 j'arrive à avoir ce que je veux.
Si je suis comme dans le code plus haut cela reviens au probleme decrit plus haut
Quelqu'un aurait-il une explication ou un début de pistes ???
Je vous remercie par avance de vos reponses ou aides.
PS : j'ai vraiment tenté de nombreuses choses sans succès
ce topic fait suite à ca http://forum.alsacreations.com/topic.php?fid=4&tid=2154
Donc j'en suis toujours au meme point avec une différence d'interprétation lorsqu'on declare un id et une class.
Je vais tenter d'etre clair.
Soit le code HTML suivant
<div id="x-menu-4">
<div id="x-box-3">
<h1>Sejours a themes</h1>
<h2>Venez les découvrir</h2>
<p><a title="" href="">>> La Découverte</a></p>
<p><a title="" href="">>> La Détente</a></p>
<p><a title="" href="">>> Le Sport</a></p>
<br />
<div class="centrer">
<img src="images3/oceania.gif" alt="Cliquer ici" /> <br />
<img src="images3/mascotte.gif" alt="Cliquer ici" /> <br />
<img src="images3/continental.gif" alt="Cliquer ici" />
</div>
</div>
</div>
et ses CSS associés
#x-box-3 {
width: 160px;
border-left: gray 1px solid;
border-bottom: gray 1px dotted;
margin-left: 5px;
margin-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
}
#x-menu-4 {
width: 100%;
padding-top: 5px;
background-color: White;
border-right: rgb(0,102,153) 2px solid;
border-left: rgb(0,102,153) 2px solid;
}
Dans la logique x-menu-4 est dominant sur le container supérieur. Et pourtant la couleur de fond est creme (couleur container) au lieu de blanc.
De plus si je change de id vers class le x-box-3 j'arrive à avoir ce que je veux.
Si je suis comme dans le code plus haut cela reviens au probleme decrit plus haut
Quelqu'un aurait-il une explication ou un début de pistes ???
Je vous remercie par avance de vos reponses ou aides.
PS : j'ai vraiment tenté de nombreuses choses sans succès