HTML problème de liste à puce <li>

Résolu/Fermé
Andromed124 Messages postés 170 Date d'inscription samedi 25 avril 2009 Statut Membre Dernière intervention 3 février 2011 - Modifié par Andromed124 le 21/04/2010 à 07:21
Andromed124 Messages postés 170 Date d'inscription samedi 25 avril 2009 Statut Membre Dernière intervention 3 février 2011 - 21 avril 2010 à 11:15
Bonjour


MON OBJECTIF EST DE CRÉER UNE PAGE MODÈLE:


Je rencontre des difficultés au niveau de la liste à puce.

Lorsque j'efface partiellement le texte, (afin d'y laisser juste les rubriques qui reviendront tout le temps), j'ai à ce moment là une puce qui refuse de partir, (alors que j'ai interrompu momentanément le CODE par </li>).

C'est vraiment embêtant car cette puce apparaît au niveau d'un titre (qui est centré & souligné "pour le masalé, dans la colonne du milieux).


Merci de votre aide ; )

*******************************************************

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>BEIGNETS DE CONCHE/ BATONNETS DE MEROU/ BEIGNETS DE LANGOUSTE SAUCE CAIMAN</title>
<link href="../../style.css" rel="stylesheet" type="text/css" media="all">
<style>
td div{height:100%;width:100%;overflow:scroll}
.bordure{border:1px solid black;}
</style>
</head>


<h4>Ingrédients</h4>
<h2><i>Pour () personnes, () nuit de marinade, () mm de cuisson</i></h2>
<h2><i>Préparation : 35 min</i></h2>
<h2><i>Une portion contient environ : () Kcal</i></h2>
<h2><i>Protides : () g - Lipides : () g</i></h2>
<h2><i>Glucides : () g</i></h2>
<ul>
<li>6 cuisses de poulet
</li>
<li>200 g de pommes de terre
<li>
<h4>Pour le masalé</h4>
<li>100 g de curcuma frais
<li>3 pieds de cives
</ul>
</div></td>

<td class="bordure" width="287" height="300" ><div>
<h4>Intitulé de la recette</h4>
<ol type="I">
<li>
</ol type="I">
</div></td>
</tr>
</table>
<p>


<h3 class="P3"><font color="#660000"><a href="../../index.html">Retour à la page d'accueil </a></font> </h3 class="P3" align="center">
<p>

<align="center">
<object classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" height="100" width="100"
align="top">
<param name="controls" value="controlpanel">
<param name="autostart" value="true">
<param name="src" value="../../Musique/Antille/Mi_Tche_Mwen.mp3">
<embed align="top" height="100" src="../../Musique/Antille/Mi_Tche_Mwen.mp3"
type="audio/x-pn-realaudio-plugin" width="100" controls="controlpanel" autostart="true">
</object>

</align="center">


</body>
</html>


---------------------------------------------------------------------

ET VOICI CE QUI SE PASSE AVANT DE SUPPRIMER LE TEXTE DE LA RECETTE. (Mais comme je l'ai déjà expliqué, les recettes sont différentes, donc mise à part la rubrique INGREDIENTS, POUR LES MASSALÉ, et les PUCES, je ne peux rien laisser d'autre).


<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>BEIGNETS DE CONCHE/ BATONNETS DE MEROU/ BEIGNETS DE LANGOUSTE SAUCE CAIMAN</title>
<link href="../../style.css" rel="stylesheet" type="text/css" media="all">
<style>
td div{height:100%;width:100%;overflow:scroll}
.bordure{border:1px solid black;}
</style>
</head>

<body bgcolor="#ffffff">

<table align="center"width="781" height="300" border="0" cellspacing="0" cellpadding="0">

<tr valign="top" height="300">
<td class="bordure" valign="top" width="267" height="300">
<img src="../../Tania-images/Sales/Poissons/Lambi-conque-conch/Beignets-de-conche.jpg"
alt="" height="300" width="267" align="top" border="0"> </td>

<td class="bordure" width="227" height="300"><div>



<h4>Ingrédients</h4>

<h2><i>Pour () personnes, () nuit de marinade, () mm de cuisson</i></h2>
<h2><i>Préparation : 35 min</i></h2>
<h2><i>Une portion contient environ : () Kcal</i></h2>
<h2><i>Protides : () g - Lipides : () g</i></h2>
<h2><i>Glucides : () g</i></h2>

<ul>
<li>6 cuisses de poulet
</li>
<li>200 g de pommes de terre
<li>cuillières à soupe de cumin en grains
<li>5 pieds de cive
<li>4 poignets de riz basmati
<li>1 citron vert.
<li>Huile
<li>Gros sel
<h4>Pour le masalé</h4>
<li>100 g de curcuma frais
<li>3 pieds de cives
<li> 5 g de coriandre en grains
<li> 1 petit morceau de piment frais
<li> 1 oignon
<li> 10 g de cumin en grains
<li> 3 clous de girofle
<li> 3 gousses d'ail
<li> Poivre
</ul>
</div></td>

<td class="bordure" width="287" height="300" ><div>
<h4>Intitulé de la recette</h4>
<ol type="I">
<li>
</ol type="I">
</div></td>
</tr>
</table>
<p>

<table align="center"width="781" height="300" border="0" cellspacing="0" cellpadding="0">

<tr valign="top" height="300">
<td class="bordure" valign="top" width="267" height="300">
<img src="../../Tania-images/Sales/Poissons/Lambi-conque-conch/Beignets-de-conche.jpg"
alt="" height="300" width="267" align="top" border="0"> </td>

<td class="bordure" width="227" height="300"><div>
<h4>Ingrédients</h4>
<h2><i>Pour () personnes, () nuit de marinade, () mm de cuisson</i></h2>
<h2><i>Préparation : 35 min</i></h2>
<h2><i>Une portion contient environ : () Kcal</i></h2>
<h2><i>Protides : () g - Lipides : () g</i></h2>
<h2><i>Glucides : () g</i></h2>
<ul>
<li>
<h4>Pour la </h4>

<li>
</ul>
</div></td>

<td class="bordure" width="287" height="300" ><div>
<h4>Intitulé de la recette</h4>
<ol type="I">
<li>
</ol type="I">
</div></td>
</tr>
</table>
<p>

<table align="center"width="781" height="300" border="0" cellspacing="0" cellpadding="0">

<tr valign="top" height="300">
<td class="bordure" valign="top" width="267" height="300">
<img src="../../Tania-images/Sales/Poissons/Lambi-conque-conch/Beignets-de-conche.jpg"
alt="" height="300" width="267" align="top" border="0"> </td>

<td class="bordure" width="227" height="300"><div>
<h4>Ingrédients</h4>
<h2><i>Pour () personnes, () nuit de marinade, () mm de cuisson</i></h2>
<h2><i>Préparation : 35 min</i></h2>
<h2><i>Une portion contient environ : () Kcal</i></h2>
<h2><i>Protides : () g - Lipides : () g</i></h2>
<h2><i>Glucides : () g</i></h2>
<ul>
<li>
<h4>Pour la </h4>

<li>
</ul>
</div></td>

<td class="bordure" width="287" height="300" ><div>
<h4>Intitulé de la recette</h4>
<ol type="I">
<li>
</ol type="I">
</div></td>
</tr>
</table>
<p>

<h3 class="P3"><font color="#660000"><a href="../../index.html">Retour à la page d'accueil </a></font> </h3 class="P3" align="center">
<p>

<align="center">
<object classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA" height="100" width="100"
align="top">
<param name="controls" value="controlpanel">
<param name="autostart" value="true">
<param name="src" value="../../Musique/Antille/Mi_Tche_Mwen.mp3">
<embed align="top" height="100" src="../../Musique/Antille/Mi_Tche_Mwen.mp3"
type="audio/x-pn-realaudio-plugin" width="100" controls="controlpanel" autostart="true">
</object>

</align="center">


</body>
</html>

4 réponses

a70m Messages postés 2763 Date d'inscription jeudi 21 mai 2009 Statut Contributeur Dernière intervention 2 février 2014 217
21 avril 2010 à 07:42
Salut,

Il te faut fermer tes balises <li>

Exemple d'une liste :

<ul> //Définie une liste.
<li> TITRE 1 </li> // Premier Elément de la liste ouvert/fermé
<li> TITRE 2 </li> // Deuxième Elément de la liste ouvert/fermé
<li> TITRE 3 </li> // Troisième Elément de la liste ouvert/fermé
...
</ul> //Ferme la liste

Si tu mets tu texte après et que tu veux remettres une autre liste, il faudra remettre <ul> et le refermer après.

Cordialement
1
Andromed124 Messages postés 170 Date d'inscription samedi 25 avril 2009 Statut Membre Dernière intervention 3 février 2011 1
21 avril 2010 à 08:30
Salut

Je te remercie. Je vais essayer ça, et je te tiendrai au courant plus tard dans la journée.

Bye ; )
0
mickeyjuve Messages postés 130 Date d'inscription vendredi 28 novembre 2008 Statut Membre Dernière intervention 3 août 2011 17
21 avril 2010 à 09:30
Salut,

<ul>
<li>6 cuisses de poulet
</li>
<li>200 g de pommes de terre
<li>
<h4>Pour le masalé</h4>
<li>100 g de curcuma frais
<li>3 pieds de cives
</ul>


Referme tes balises!!

comme ceci:

<ul>
<li>6 cuisses de poulet
</li>
<li>200 g de pommes de terre
</li>
<h4>Pour le masalé</h4>
<li>100 g de curcuma frais</li>
<li>3 pieds de cives</li>
</ul>
0
Andromed124 Messages postés 170 Date d'inscription samedi 25 avril 2009 Statut Membre Dernière intervention 3 février 2011 1
21 avril 2010 à 11:15
Salut

A MICKEYJUVE

Je te remercie beaucoup : )

Bonne journée.
0