Deux petites questions sur CSS

Version imprimable

Bonsoir, je postule pour un léger problème en css, je n'arrive pas à résoudre le petit sottement de ligne entre "for i=1 to 5" et "print i" et dernier petit point; j'aimerais qu'il me mettent en arrière plan de couleur que "next i" en dernier et non "RETOUR AU MENU comme dans mon exemple.
Voici mon exemple :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<html>
<style type="text/css">
 
#titre1 { background-color: #AAAAFF; }
.blue { color:blue; }
.black { font-weight:bold; background-color: gray; text-indent: 65px;}
.titre2 { font-style: italic; }
.black2 { font-weight:bold; background-color: gray; text-indent: 65px; }
.black3 { font-weight:bold; background-color: gray; text-indent: 100px; }
.black4 { font-weight:bold; background-color: gray; text-indent: 65px; }
.MENU {font-weight:bold; text-decoration: overline underline; }
#MENU1 { text-decoration: overline underline; font-weight: normal; }
 
</style>
<body>
<h1 class=blue>Votre note est : <span id=titre1>17/20</span></h1>
<h1> Voici réponse est :</h1>
<p class=black>var i 0 1 2 3</p>
<h1 class=titre2>Voici la correction</h1>
<p class=black2>for i=1 to 5<div class=black3>print i<div class=black4>next i</p></div>
<p class=MENU>R<span id=MENU1>ETOUR AU MENU</span></p>
 
</body>
</html>

Merci à l'avance
Cordialement

21/09/2010, 08h19
tchize_

commence par rendre ton html correct. Il y a des balise non fermées et d'autres qui sont fermées dans le désordre. Dans ces conditions, chaque navigateur va afficher différement.

Bonjour,

Code:

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
<html>
<style type="text/css">
 
#titre1 { background-color: #AAAAFF; }
.blue { color:blue; }
.black { font-weight:bold; background-color: gray; text-indent: 65px;}
.titre2 { font-style: italic; }
.black2 { font-weight:bold; background-color: gray; text-indent: 65px; }
.black3 { font-weight:bold; background-color: gray; text-indent: 100px; }
.black4 { font-weight:bold; background-color: gray; text-indent: 65px; }
.MENU {font-weight:bold; text-decoration: overline underline; margin: 8px 0; }
p {margin:0;}
#MENU1 { text-decoration: overline underline; font-weight: normal; }
 
</style>
<body>
<h1 class=blue>Votre note est : <span id=titre1>17/20</span></h1>
<h1> Voici réponse est :</h1>
<p class=black>var i 0 1 2 3</p>
<h1 class=titre2>Voici la correction</h1>
<p class=black2>for i=1 to 5</p><p class=black3>print i</p><p class=black4>next i</p>
<p class="MENU">R<span id=MENU1>ETOUR AU MENU</span></p>
 
</body>
</html>

bien cordialement,

21/09/2010, 17h01
coaut

Merci pour votre réponse rapide et avoir compris la raison de mes deux petits problèmes.
Cordialement damien898foot