18073 sujets

Questions générales et questions de débutants

[Problème] Image qui ne s'affiche pas dans le header

Bonsoir à tous,

J'ai réaliser un logo pour mon site (750*175px), quand je veux inclure ce logo sur mon header et bien rien ne se passe... et à chaque fois que je veux mettre une image sur un div, idem Smiley decu Est-ce que quelqu'un voit une erreur flagrante ? J'ai essayé de comparer mon code xhtml et css avec d'autre sites, et je ne vois pas mon erreur...

Voici mon code xhtml :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Site test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="Site de test." />
<meta name="keywords"  content="site, test" />
<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" />
<link rel="stylesheet" href="css/theme1.css" type="text/css" media="screen" />

</head>

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


Et voici mon code css :

<style type="text/css">



/*--- GENERAL ---*/



body {

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 0.8em;

margin: 0;

padding: 0;

}



/*--- CONTENEUR ---*/



#conteneur {

position: absolute;

width: 750px;

left: 50%;

margin-left: -375px;

}



/*--- HEADER ---*/



#header {

height: 175px;

background: url(images/logo.jpg) no-repeat;

}
Bonsoir,
Si ton répertoire image se trouve au même niveau que le répertoire css, normal que ça ne fonctionne pas puisque le chemin dans ta css pointe vers css/images qui n'existe pas. C'est un problème fréquent.
Ta CSS ne se trouve pas au même endroit que ta page au niveau de l'arborescence des dossiers donc tu dois remonter d'un niveau et écrire.

background: url(../images/logo.jpg) no-repeat;

ou mieux si ton dossier image est à la racine du site :

background: url(/images/logo.jpg) no-repeat;

Modifié par Hermann (02 Mar 2006 - 00:35)
Sujet clos
Aller à