Mise en boite

**kev484** · 31/10/2007, 16h26

Slt j'ai un serieux probleme... Losque je crée ma boite elle se créer mais ne met pasmon texte dedans.
Voila mon html:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="stylesheet" href="projet.css" type="text/css" />
    <title>Le Rugby</title>
    </head>
    <body>
    <p class="titre"><em>Le rugby</em></p>
    <p class="coupe"><li>La coupe du monde<ol><a href="Les poules.html">Les poules</a></ol><ol><a href="Les tableaux finaux.html">Les tableaux finaux</a></ol>
</li></p>
</body>
</html>

Et voila mon CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
.titre{border-color: olive; border-width: 5px; text-align: center; font-size: 1cm; border-style: solid}
.coupe{width: 10em; border-style: double; color: black}

Elle marche pour mon titre mais je crois qu'avec mes li ol il y a des pb...

**orphen** · 31/10/2007, 17h03

je ne sais pas si cela vien de ça

Mais une balise liste ne s'ouvre pas avec li
mais avec ul

exemple: <ul>
<li></li>
<li></li>
</ul>

**Menhir** · 31/10/2007, 17h36

Il faut que tu revois complètement ta leçon concernant les listes (ul, li, ol, etc.).

La balise html se ferme aussi.

Mais ce qui a provoqué ton problème est l'erreur suivante :
Quand on veut appliquer un style à un paragraphe, on peut utiliser p class=
Par contre, quand on veut appliquer un style à un groupe contenant plus qu'un simple paragraphe (des listes par exemple), on utilise un groupement : div class=
Quite éventuellement à ajouter un p à l'intérieur si besoin.

Le code juste pour ce que tu veux faire est :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
 
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" href="projet.css" type="text/css" />
		<title>Le Rugby</title>
	</head>
 
	<body>
 
		<p class="titre"><em>Le rugby</em></p>
		<div class="coupe">
			<ul>
			<li>La coupe du monde
				<ol>
					<li><a href="Les poules.html">Les poules</a>
					<li><a href="Les tableaux finaux.html">Les tableaux finaux</a>
				</ol>
			</ul>
		</div>
 
	</body>
 
</html>

En plus, le width: de ton style coupe est trop petit et il est déconseillé de mettre des font-size en taille fixe absolue, ça rend difficile l'accessibilité pour les personnes malvoyantes.

**Menhir** · 31/10/2007, 17h37

Envoyé par orphen

exemple: <ul>
<li></li>
<li></li>
</ul>

La balise </li> n'est pas obligatoire.
Personnellement, je trouve qu'elle alourdit inutilement le code.

**Candygirl** · 31/10/2007, 18h22

Envoyé par Menhir

La balise </li> n'est pas obligatoire.
Personnellement, je trouve qu'elle alourdit inutilement le code.

kev484 déclare un doctype xhtml (cf son code) et pas html; le </li> est donc obligatoire

**kev484** · 31/10/2007, 19h54

Merci mon probleme est resolu.

**Menhir** · 02/11/2007, 11h24

Envoyé par Candygirl

kev484 déclare un doctype xhtml (cf son code) et pas html; le </li> est donc obligatoire

Même en XHTML, je ne l'ai jamais utilisée et ça a toujours très bien marché...

**Candygirl** · 02/11/2007, 13h03

Envoyé par Menhir

Même en XHTML, je ne l'ai jamais utilisée et ça a toujours très bien marché...

Quelles sont tes motivations pour faire de l'xhtml plutôt que de l'html ?

En xhtml la fermeture des balises est obligatoire. Tu ne te soucies visiblement pas de la validation de ton code puisque de dernier ne passerait pas la validation avec une balise fermante manquante

Si cela "marche" quand même, c'est à dire que ta page s'affiche comme tu le souhaites, c'est parce que tu déclares text/html comme mime type et que donc ton code est interprèté permissivement comme l'est le html.

Si tu déclarais le mime type qui devrait idéalement être déclaré pour du xhtml (malheureusement pas pris en compte par IE), application/xhtml+xml, tu t'apercevrais que les navigateurs qui le prennent en compte t'affichent un message d'erreur relatif à ton </li> manquant et que ta page ne s'affiche donc pas (cf un exemple ici: http://perso.moncv.ch/Divers/aplixml.php )

En résumé, cela n'a pas de sens d'utiliser du xhtml si tu ne souhaites pas te plier à sa syntax.

Mise en boite

CSS

Vue hybride

Discussions similaires

Partager

Partager