Table des matières à réaliser

(reprise du message précédent)

Heyoan a écrit :
Hello,
Je n'utilise pas les autres extensions mais la version 1.2 de Firebug est compatible FF3.

Autant pour moi. Et merci pour le lien.
Pour info JavaScript Debugger est remplacer par Console²

6l20 a écrit :
Tu n'as donc pas mis en place la solution proposée ?

Si, mais sur un serveur de test.

6l20 a écrit :
Concernant Firebug, tu peux sans doute installer cette béta très fonctionnelle

C'est fait et encore merci pour le lien

6l20 a écrit :
Tu t'es servi du validateur pour cette production ?

Pas encore mais cela sera fait le moment venu

6l20 a écrit :
Ravi que le lien solutionne ton problème, le sujet est-il résolu ?

Je pense
Modifié par 6l20 (18 Jun 2008 - 19:53)

6l20 a écrit :
Bonjour Macbee,
...

En espérant que cela t'aidera à avancer et que tu nous reviendras avec le résultat attendu, bon courage et à bientôt

Cdt,
Sylvain

Merci de votre aide : voila le résultat
Il me reste un souci d'affichage des points sous FIREFOX à régler. Par contre sous IE7 cela fonctionne correctement.

PS : Je sais qu'il reste des non conformités avec le xHTML (mais chaque chose en son temps)

J'avais indiqué ce sujet [Résolu], mais je préfère le réactivé.

J'aimerais avoir une explication sur le comportement de FireFox.
Les pointillés s'affichent correctement sous IE 7 mais pas sous FireFox. Je ne comprends pas (d'habitude c'est l'inverse : sous FF c'est parfait et il faut se creuser les méninges pour IE).

Pouvez-vous m'aider ?
Voici la page

le code de la table des matières :

<div class="Summary_livre">
			<h3>Table des matières</h3>

			<ul>
				<li><span class="title left">Avant-Propos</span><span class="num_page right">3</span></li>

				<li class="title_chapitre"><span class="title left">I. Les pionniers</span>
					<ul>
						<li><span class="title left">Botanistes et pépiniéristes</span><span class="num_page right">7</span></li>
						<li><span class="title left">'Gloire des rosomanes'</span><span class="num_page right">14</span></li>
						<li><span class="title left">Les Hybrides remontants de Lacharme </span><span class="num_page right">15</span></li>

						<li class="title_chapitre"><span class="title left">Deux immenses succès :</span>
							<ul>
								<li><span class="title left">'Souvenir de la Malmaison' et 'Géant des batailles'</span><span class="num_page right">19</span></li>
								<li><span class="title left">Les débuts d'une vieille Maison : Guillot père</span><span class="num_page right">23</span></li>

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

et le code CSS :

.Summary_livre {
	font-family: Garamond;
	margin: 0px;
	padding: 0px;
 } 
.Summary_livre ul, .Summary_livre li{
	list-style: none;
	background: none;
 }
.Summary_livre li{
	list-style: none;
	clear: both;
	background: #ccc url(../img/pointille.gif) repeat-x;
 }
.title {
	background-color: #fff;
} 
.num_page{
	width: 20px;
	padding-right: 80px;
	background-color: #fff;
	text-align:right;
}

li.title_chapitre {
	clear: both;
	background: none;
}
.overflow-auto {
	overflow: auto;
}
.overflow-hidden {
	overflow: hidden;
}
.overflow-scroll {
	overflow: scroll;
}
.context {
	/*border: 1px solid red;*/
}
.left{float:left;}
.right{float:right;}

.clearLeft {
border: 1px solid gray;
clear: left;
}
.clearRight {
border: 1px solid gray;
clear: right;
}
.clear{
/*border: 1px solid gray;*/
clear: both;
}

Je relance mon petit souci de présentation de ma table des matière qui s'affiche correctement sous IE mais pas sous FF.

Quelqu'un aurait-il une piste à me fournir pour faire apparaitre les pointillés sous FF ?

Merci pour votre aide