28172 sujets

CSS et mise en forme, CSS3

Bonjour
Dans ma feuille de style, j'ai un div="contenu" qui contient les propriétés pour une liste à puce et pour les liens pour toute la partie contenu de mon site.
div#contenu ul{
list-style-image: url('/photo/puces/gribouil_jaune.gif');
list-style-position: inside;
font-size: 12px;
text-align: justify;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
}
#contenu a:link, #contenu a:visited {
text-decoration: underline;
color: #0083d6;
}

Mais je souhaiterais appliquer qqfois d'autres propriétés à mes liens et à mes listes à puce dans ma partie contenu. J'ai donc fais un autre div qui s'appelle div="liste" et je lui attribue d'autres propriétés :
#liste a{
text-decoration: none;
font-weight: normal;
}
#liste li{
list-style-type: disc;
}

mais cela ne fonctionne pas seul le font-weight:normal s'applique
Comment dois-je faire
Merci de votre aide
Modifié par karidrou (05 May 2008 - 14:53)
Hello Smiley smile

karidrou a écrit :
J'ai donc fais un autre div qui s'appelle div="liste" et je lui attribue d'autres propriétés

Plutôt que de rajouter une / des <div>, identifie plus précisément ta / tes listes à styler différemment, ça évite de surcharger inutilement le code :

XHTML

<ul id="liste_special">
     ...
</ul>

CSS

ul#liste_special {
... }

Sinon pour identifier ton problème, il serait utile que tu fournisses un bout de code HTML (ou au mieux une page en ligne) Smiley cligne
j'ai remplacé comme dans ton exemple mais ca ne fct tjs pas
#liste a{
text-decoration: none;
font-weight: normal;
}
ul#liste {
list-style-type: disc;
}
#contenu a:link, #contenu a:visited {
text-decoration: underline;
color: #0083d6;
}
div#contenu ul{
list-style-image: url('/photo/puces/gribouil_jaune.gif');
list-style-position: inside;
font-size: 12px;
text-align: justify;
font-weight: bold;
padding-left: 10px;
padding-right: 10px;
}

mon code xhtml :

<div id="center">
  <div id="contenu">
    <h1>Activité P</h1>
    <a href="#a"><h3>En pratique, quelles prise en charge peuvent être proposées aux patients ?</h3></a>
      <ul id="liste">
        <li><a href="#">Une évaluation des besoins médico-sociaux au domicile</a></li>
        <li>une infomation sur la maladie</li>
      </ul>
  </div>
</div>
Essaie en inversant "ul#liste" et "div#contenu ul" dans ta feuille de style :


#contenu a:link, #contenu a:visited {

text-decoration: underline;

color: #0083d6;

}

div#contenu ul{

list-style: url('/photo/puces/gribouil_jaune.gif') inside;

font-size: 12px;

text-align: justify;

font-weight: bold;

padding-left: 10px;

padding-right: 10px;

}

#liste a{

text-decoration: none;

font-weight: normal;

}

ul#liste {

list-style: disc inside;

}

Modifié par Shunkin (05 May 2008 - 12:47)