Donner plus d'espace au h1 [Résolu]

[fireworks]

Bonjour,

Dans mon tutorial: http://www.fireworkszone.com/gif-ani...tdown_635.html

les titres suivants: titre, Installation instructions, Requirement, sont des h1

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
#tutorial h1 {
	border: 2px solid #D9D9D9;	
	background: #F2F2F2;
	font: bold 1.3em Helvetica, sans-serif;
	margin-left: 0;
	padding: 5px;
	text-align: left;
	color: #BABABC ;
-moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   border-radius: 5px; /* future proofing */
   -khtml-border-radius: 5px; /* for old Konqueror browsers */
 
}

Je voudrais qu'il ait plus d'espace en haut en bas du h1 mais je n'y arrive pas en utilisant padding et margin.


Merci de votre aide

[Bisûnûrs]

Tu redéfinis les marges à zéro plus loin dans ton code CSS ..

Code :

#header p, #header h1, #header h2

[fireworks]

Envoyé par Bisûnûrs

Tu redéfinis les marges à zéro plus loin dans ton code CSS ..

Code :

#header p, #header h1, #header h2

J'ai mis :

Code :

1
2
3
4
5
#header p, #header h1, #header h2 {
 
margin: 0;
 
}

mais ça ne marche pas. Qu'est ce que tu veux dire par 'plus loin'?

[Bisûnûrs]

C'est ce que je veux dire .. Ton #tutorial h1 est défini avant #header p, #header h1, #header h2, ce qui fait que tu as beau mettre des marges dans #tutorial h1, elles seront remises à 0 à cause de #header p, #header h1, #header h2.

[fireworks]

Envoyé par Bisûnûrs

C'est ce que je veux dire .. Ton #tutorial h1 est défini avant #header p, #header h1, #header h2, ce qui fait que tu as beau mettre des marges dans #tutorial h1, elles seront remises à 0 à cause de #header p, #header h1, #header h2.

J'ai du mal à comprendre ce qui faut faire. D'abord les classes: il n'y a pas de #header p ou #header h1 dans le tutorial.

Mes classes sont:

#tutorial, #tutorial h1 ; #tutorial p ;

[Bisûnûrs]

Installe Firebug, plugin Firefox, tu verras que si.

[fireworks]

Envoyé par Bisûnûrs

Installe Firebug, plugin Firefox, tu verras que si.

je vois

Code :

<div id="header">

et

Code :

<div id="top-header">

avec Firebug mais je ne vois pas de #header p, #header h1, #header h2.

Qu'est ce qu'il faut faire?

[Bisûnûrs]

C'est quand même un comble que ce soit moi qui dois te montrer ton propre CSS ..

Ligne 35 :
http://www.fireworkszone.com/styles/structure.css

[fireworks]

Envoyé par Bisûnûrs

C'est quand même un comble que ce soit moi qui dois te montrer ton propre CSS ..

Ligne 35 :
http://www.fireworkszone.com/styles/structure.css

D'accord j'aurais du voir structure.css dans Firebug.


J'ai donc supprimé:

Code css :

1
2
3
4
5
6
7
 
#header p,
#header h1,
#header h2 {
	padding:.4em 15px 0 15px;
	margin:0;
}

et maintenant ça fonctionne.


Comment fait on pour marquer un sujet résolu?






Merci