Discussion :

[{F-I}]

Salut à tous,

J'ai un petit souci incompréhensif, en codant d'un webdesign, je recontre un problème au niveau de positionnement du "titre"...



Je désire faire "descendre" le "titre" sans succès...

Voici les codes sources :

Code HTML :

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

1
2
3
4
 
<div id="partie_header">
<span id="titre_header">titre</span>
</div>

Code CSS :

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
 
#partie_header
	{
	background : #fff url('header.png') repeat-x;
	border-bottom : 1px solid #000;
	border-left : 2px solid #000;
	border-right : 2px solid #000;
	border-top : 2px solid #000;
	height : 80px;
	}
 
#titre_header
	{
	padding-left: 130px;
	font-size : 25px;
	color : #000;
	text-decoration : none;
	}

J'espère que vous saurez m'aider à résoudre ce petit souci

Amicalement

PS : Je voulais juste vous signaler que padding-top: xxpx; (xx en étant n'importe quel valeur) dans #titre_header qui ne marche pas

[{F-I}]

Quelqu'un m'a fait savoir qu'il faut modifier span => p, le fait de changer span à p a montré des changements cependant cela ne regle pas mon souci

Maintenant j'ai un souci au niveau d'hauteur par rapport IE et Ff

Affichage chez Ff :



et celui d'IE :



Si j'utilise padding pour faire descendre, ça descendra pour les deux... comment faire ?

[trotters213]

rajoute ceci au début de ton CSS :

Code CSS :

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

1
2
3
4
 * {
 padding:0;
 margin:0;
 }

ainsi tu pourras définir ton padding-top tranquillement

[{F-I}]

Géniale, c'est impeccable

Merci beaucoup