Discussion :

[{F-I}]

Salut à tous,

Je n'ai pas réussi à mettre le logo AVANT le titre

Code html :

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

1
2
3
<div id="partie_header">
<p id="titre_header">titre</p>
</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;
        padding-top: 20px;
        }

[trotters213]

C'est une charade ?
Sérieusement, tu peux aller plus profondément dans la description de ton problème parce que là c'est un peu juste : quand tu dis avant c'est dessus, au-dessus, à gauche (ou à droite si tu écris en arabe) ?

[{F-I}]

Euh désolé , plutôt à gauche ,

bref j'ai réussi mais le probleme c'est qu'il est reste collé en haut -gauche, je voulais qu'il soit juste à gauche et un centré en hauteur...

[MasterOfChakhaL]

Dans ce cas,

Code :

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

background : #fff url('header.png') center left repeat-x;

pour #partie_header

[{F-I}]

cela ne marche pas

parce que partie_header a deja un background

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
19
#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;
	padding-top: 20px;
	background : url('logo.gif') no-repeat;
	}

Code html :

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

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

[MasterOfChakhaL]

En même temps, il faut dire que tu ne nous aide pas trop a t'aider...

plouf plouf:

Code :

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

background : url('logo.gif') center left no-repeat;

sur #titre_header

[{F-I}]

En même temps, il faut dire que tu ne nous aide pas trop a t'aider...

Je viens de remarquer...

Bon, je vais ré-expliquer ici et en complet

Mon souci : je n'arrive pas à faire bouger mon logo (le déplacer vers le meilieu de la hauteur et milieu entre le bord à gauche et le titre...

Voici le screenhost :



et voici le code HTML :

Code HTML :

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

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

et voici le code CSS :

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
19
#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;
	padding-top: 20px;
	background : url('logo.gif') center left no-repeat;
	}

Est-ce que c'est suffisant ?

Amicalement

[trotters213]

essaie peut-être ceci :

Code HTML :

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

1
2
3
4
<div id="partie_header">
  <img src="logo.gif" alt="logo" />
  <p id="titre_header">titre</p> 
</div>

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
#titre_header
{
display:inline;
padding:20px 0 0 130px;
font-size : 25px;
color : #000;
text-decoration : none;
}
 
#partie_header img {
padding: 10px 0 0 65px;
}

[{F-I}]

Cela ne marche pas, ça fait afficher "logo" en format texte...

[trotters213]

C'est normal c'est parce que je ne connais pas le chemin vers ton image donc je n'ai rien mis.
ça affiche en fait ce qu'il y a dans alt.
Essaie ceci :

Code HTML :

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

<img src="logo.gif" alt="une phrase au hasard" />

et tu verras que ça t'affichera "une phrase au hasard".

Il faut que tu indiques dans src l'emplacement de logo.gif par rapport à page HTML.

[MasterOfChakhaL]

Il faut que tu indiques dans src l'emplacement de logo.gif par rapport à page HTML.

Il faut surtout que tu essaies de comprendre les solutions proposées. Ca avancera plus vite.

Pour cela, soit tu demandes des précisions sur ce qu'on te raconte, soit tu vois ca avec notre ami commun google...