PB avec inline CSS
lenarque
Messages postés
7
Statut
Membre
-
avion-f16 Messages postés 20367 Statut Contributeur -
avion-f16 Messages postés 20367 Statut Contributeur -
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>
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>
A voir également:
- PB avec inline CSS
- Css download - Télécharger - HTML
- Background color css ✓ - Forum CSS
- Telechargement inline - Forum Réseaux sociaux
- Enlever soulignement lien css ✓ - Forum CSS
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
3 réponses
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
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
