Image sous le header > l'image ne s'affiche pas [Résolu]

didouchy · 01/02/2011, 21h41

Bonjour,

Je suis en train de modifier mon kit graphique et je rencontre quelque difficulté depuis quelques heures...

Mon but est de mettre en place une image au format 1024*33px en dessous de header mais celle-ci ne veut pas s'afficher

Alors voici comment j'ai procéder.

Dans mon HTML:
Ce code:

Code html :

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

<div class="infoheader"></div>

je l'ai mis entre <body> & </body> et en dessous de la balise

Code html :

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

<div id="header"></div>

[COLOR="Sienna"Dans mon CSS:[/COLOR]

Code css :

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

.infoheader {background:url(images/infoheader.png);width:1024px; height:33;position:relative;margin: 0 auto 0}

J'ai tout essayer ( du moins mes connaissance en CSS et HTML ) avec

Code css :

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

<div class="infoheader">

et

Code css :

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

<div id="infoheader">

& dans le css j'ai bien mis que pour le ID faut commencer par # et pour le CLASS faut commencer par un point, après j'ai essayer avec et dans margin, padding, position, enfin j'ai tout essayer et l'image ne s'affiche pas n'y même de décallage dans le page de teste... Je suis aussi parti voir sur google et je n'est rien trouver c'est pourquoi je fait appel au PROFESSIONNEL =D

merci encore pour votre aide

NoSmoking · 01/02/2011, 21h55

Bonjour,
comme par mettre l'unité sur la hauteur

Code :

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

1
2
3
4
5
6
7
.infoheader {
  background : url(images/infoheader.png);
  width : 1024px;
  height : 33px;
  position : relative;
  margin: 0 auto 0;
}

didouchy · 02/02/2011, 02h12

Hahaha ! Que j'suis con

désolé d'avoir poster, je m'en suis rendu compte apres avoir poster ^^

Le problème est maintenant dans mon fichier HTML.

J'ai essayer de mettre un texte pour voir ( qui celui-ci défilera ) et il s'affiche 1 seconde après il disparaît ...

Code :

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

<div class="infoheader">Blablabla</div>

J'ai bien l'image mais elle aussi disparaît en même temps que le texte :s

ornitho13 · 03/02/2011, 13h33

Salut,

a priori ça a l'air de venir d'un javascript perturbateur qui à la fin du chargement de ta page fait disparaître le contenu du bloc div ou même peut être le bloc div lui même.

Regarde avec firebug ou autres, la source générée de ta page et regarde le style de ton "infoHeader". Si tu vois qu'il est différent de ce que tu as dans ton fichier, c'est qu'un javascript change le style par exemple.

didouchy · 03/02/2011, 14h40

il son identique.

ornitho13 · 03/02/2011, 17h13

tu aurais une url où l'on peut constater ce phénomène?

didouchy · 03/02/2011, 20h19

Désolé du retard j'ai changer mon processeur et j'avais mon écran qui rester en veille

.

Oui bien sur > http://jeux-en-reseaux.eu/teste/

voilà =)

NoSmoking · 03/02/2011, 20h47

c'est ta DIV bgcentre , top:234px;, qui empiète sur ta <div class="infoheader"></div>

didouchy · 05/02/2011, 00h44

Sa y est j'ai trouver merci NoSmoking

01/02/2011, 21h41	#1
didouchy Invité de passage Inscription : janvier 2011 Messages : 26 Détails du profil Informations forums : Inscription : janvier 2011 Messages : 26 Points : 3 Points : 3	Image sous le header > l'image ne s'affiche pas Bonjour, Je suis en train de modifier mon kit graphique et je rencontre quelque difficulté depuis quelques heures... Mon but est de mettre en place une image au format 102433px en dessous de header mais celle-ci ne veut pas s'afficher Alors voici comment j'ai procéder. Dans mon HTML:* Ce code: Code html : Sélectionner tout - Visualiser dans une fenêtre à part <div class="infoheader"></div> je l'ai mis entre <body> & </body> et en dessous de la balise Code html : Sélectionner tout - Visualiser dans une fenêtre à part <div id="header"></div> [COLOR="Sienna"Dans mon CSS:[/COLOR] Code css : Sélectionner tout - Visualiser dans une fenêtre à part .infoheader {background:url(images/infoheader.png);width:1024px; height:33;position:relative;margin: 0 auto 0} J'ai tout essayer ( du moins mes connaissance en CSS et HTML ) avec Code css : Sélectionner tout - Visualiser dans une fenêtre à part <div class="infoheader"> et Code css : Sélectionner tout - Visualiser dans une fenêtre à part <div id="infoheader"> & dans le css j'ai bien mis que pour le ID faut commencer par # et pour le CLASS faut commencer par un point, après j'ai essayer avec et dans margin, padding, position, enfin j'ai tout essayer et l'image ne s'affiche pas n'y même de décallage dans le page de teste... Je suis aussi parti voir sur google et je n'est rien trouver c'est pourquoi je fait appel au PROFESSIONNEL =D merci encore pour votre aide
	00

02/02/2011, 02h12	#3
didouchy Invité de passage Inscription : janvier 2011 Messages : 26 Détails du profil Informations forums : Inscription : janvier 2011 Messages : 26 Points : 3 Points : 3	Hahaha ! Que j'suis con désolé d'avoir poster, je m'en suis rendu compte apres avoir poster ^^ Le problème est maintenant dans mon fichier HTML. J'ai essayer de mettre un texte pour voir ( qui celui-ci défilera ) et il s'affiche 1 seconde après il disparaît ... Code : Sélectionner tout - Visualiser dans une fenêtre à part <div class="infoheader">Blablabla</div> J'ai bien l'image mais elle aussi disparaît en même temps que le texte :s
	00

03/02/2011, 13h33	#4
ornitho13 Rédacteur/Modérateur Jérome Debray Responsable de projet Inscription : mai 2009 Messages : 627 Détails du profil Informations personnelles : Nom : Jérome Debray Âge : 32 Localisation : France Informations professionnelles : Activité : Responsable de projet Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2009 Messages : 627 Points : 3 064 Points : 3 064	Salut, a priori ça a l'air de venir d'un javascript perturbateur qui à la fin du chargement de ta page fait disparaître le contenu du bloc div ou même peut être le bloc div lui même. Regarde avec firebug ou autres, la source générée de ta page et regarde le style de ton "infoHeader". Si tu vois qu'il est différent de ce que tu as dans ton fichier, c'est qu'un javascript change le style par exemple.
	00

03/02/2011, 14h40	#5
didouchy Invité de passage Inscription : janvier 2011 Messages : 26 Détails du profil Informations forums : Inscription : janvier 2011 Messages : 26 Points : 3 Points : 3	il son identique.
	00

03/02/2011, 17h13	#6
ornitho13 Rédacteur/Modérateur Jérome Debray Responsable de projet Inscription : mai 2009 Messages : 627 Détails du profil Informations personnelles : Nom : Jérome Debray Âge : 32 Localisation : France Informations professionnelles : Activité : Responsable de projet Secteur : High Tech - Multimédia et Internet Informations forums : Inscription : mai 2009 Messages : 627 Points : 3 064 Points : 3 064	tu aurais une url où l'on peut constater ce phénomène?
	00

03/02/2011, 20h19	#7
didouchy Invité de passage Inscription : janvier 2011 Messages : 26 Détails du profil Informations forums : Inscription : janvier 2011 Messages : 26 Points : 3 Points : 3	Désolé du retard j'ai changer mon processeur et j'avais mon écran qui rester en veille . Oui bien sur > http://jeux-en-reseaux.eu/teste/ voilà =)
	00

03/02/2011, 20h47	#8
NoSmoking Modérateur Inscription : janvier 2011 Messages : 2 930 Détails du profil Informations personnelles : Sexe : Localisation : France, Isère (Rhône Alpes) Informations forums : Inscription : janvier 2011 Messages : 2 930 Points : 4 744 Points : 4 744	c'est ta DIV bgcentre , top:234px;, qui empiète sur ta <div class="infoheader"></div>
	10

05/02/2011, 00h44	#9
didouchy Invité de passage Inscription : janvier 2011 Messages : 26 Détails du profil Informations forums : Inscription : janvier 2011 Messages : 26 Points : 3 Points : 3	Sa y est j'ai trouver merci NoSmoking
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email