PB avec inline CSS

Bonjour à tous,
je me heurte à un problème stupide. Je veux valider un style pour ma page web en mettant du CSS inline avec mon html. Le test se fait sur une liste à puce mais elle ne veut pas prendre en compte les directives, donc j'ai une UL LI basique. Pourquoi mon css ci-dessous ne fonctionne pas alors que si je place le style dans la balise <ul style="..."> ça marche ?
2eme question: Quelle différence entre un style déclaré ds le head avec un style déclareé dans le body?
Merci bien pour vos réponses.
PS: la dernière solution fonctionne mais n'est pas une possibilité pour moi.

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title>test list à puces</title>
<style type="text/css">
/* mise en forme */
#abulnlet {
font: 18px georgia, serif;
padding : 20px;
text-align : center;
border: 1px solid #666;
margin : 20px 0px;
color:blue;
text-decoration:underline;
</style>
</head>

<body>
<p> TEST CSS DE <I> list à puce</i></p>
<ul class="abulnlet">
<li>bla bla1</li>
<li>bla bla2</li>
<li>bla bla3</li>
</ul>

</body>
</html>
Configuration: Windows Vista
Firefox 3.0.15

3 réponses

  1. Dans ton CSS : #abulnlet
    Sur ta balise : class="abulnlet"
    Le problème : tu as mis une classe sur ta balise, mais tu essayes d'y accèder via un id
    1. Je me demande des fois ce que je peux avoir ds la ciboulette ...
      Bon passons, y a t'il des différences entre mettre le style ds le head par rapport à le mettre ds le body?
      Merci pour la réponse correcte rapide (et c'était pas un test).
      1. Par ordre de préférence :
        1. Dans un fichier externe, inclus dans le head
        2. Avec la balise <style type="text/css"> et </style>, dans le head
        3. Avec l'attribut style directement sur la balise
        4. Comme le point 2 mais dans le contenu