Mon logo ne s'affiche pas

Résolu/Fermé
aeonus Messages postés 50 Date d'inscription lundi 23 septembre 2013 Statut Membre Dernière intervention 24 juillet 2014 - 24 sept. 2013 à 22:33
aeonus Messages postés 50 Date d'inscription lundi 23 septembre 2013 Statut Membre Dernière intervention 24 juillet 2014 - 26 sept. 2013 à 15:37
Bonjour,





Mon logo ne s'affiche pas c est étrange !

Je vous met le code css :

@charset "iso-8859-1";

body {
background-color: #FFFFFF;
color:#B5B5B5;
margin:0;
padding:0;
font:83%/1.4 verdana, arial, helvetica, sans-serif;
font-weight:bold;
}

img {
-moz-border-radius:7px;
-webkit-border-radius:7px;
border-radius:7px;
}

p {
font-size:10px;
padding:0 10px 0 10px;
}




#pagecomplete {

width:100%;
background-color:#ffffff;
padding:0 0 10px 0;
float:left;
margin:0 0 20px 0;
}
#bloc_header {

width: 100%;
height:112px;
float:left;
position:relative;
background-color:#ffffff;
text-align: center;
}


#surmenu {

width:100%;
height:20px;
list-style: none;
padding:0px;
margin:0px;
background-color: #EFD807;

}
ul#menu1{


width:100%;
height:40px;
list-style: none;
padding:0px;
margin:0px;
background-color: #000000;
text-align: center;
}
ul#menu1 li{
display:inline;
text-align: center;

}
ul#menu1 li a{


text-align:center;
width:100%;
height: 50px;
line-height:50px;
font-family: mael;
font-size: 22px;
font-weight: 700;
color: #00CCCB;
text-decoration: none;
outline: none;
padding:20px 20px 0 20px;
}

ul#menu1 li a:hover , ul#menu1 li#current a{
color: #EFD807;

}
#logo {
width: 576px;
height: 120px;
background: url("images/logo.jpg") no-repeat left top;
/* top/bottom right/left */
margin: 0 auto;
}

et le code html :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPEhtml PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<head>
<meta http-equiv="content-type" content="text/html; charset="utf-8" />
<title>DAVID POIREE</title>
<link rel="stylesheet" href="themes/default/style.css" type="text/css" />

<!--[if lt IE 7.]>
<script defer type="text/javascript" src="javascript/pngfix.js"></script>
<style type="text/css">
@import url(themes/default/iefix.css);
body{behavior:url(themes/default/csshover.htc);}
</style>
<![endif]-->
</head>

<body>



<div id="pagecomplete">

<div id="surmenu">
</div>

<div id="menu1">

<ul id="menu1">

<li id="current"><a href="index.html">ACCEUIL</a></li>

<li><a href="page1.html">LIVRE D'OR</a></li>

<li><a href="page2.html">CONTACT</a></li>

<li><a href="page3.html">INFO</a></li>

<li><a href="page4.html">MAGNETISME</a></li>

<li><a href="page5.html">TAROLOGIE</a></li>

<li><a href="page6.html">TARIFS</a></li>

<li><a href="page7.html">LIENS</a></li>

<li><a href="page8.html">MENTIONS LEGALES</a></li>
</ul>
</div>
<div id="logo" title="David Poiree"></div>
</body>

Pour info cette image se trouve bien dans ce dossier .

Merci d'avance

7 réponses

salut, chez moi pas souci voici le code :


<!DOCTYPE html>
<html>
<head>
<title>essai</title>
<meta charset="UTF-8" />
<style type="text/css">
body {
background-color: #FFFFFF;
color: #B5B5B5;
margin: 0;
padding: 0;
font: 83%/1.4 verdana, arial, helvetica, sans-serif;
font-weight: bold;
}

img {
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
}

p {
font-size: 10px;
padding: 0 10px 0 10px;
}

#pagecomplete {

width: 100%;
background-color: #ffffff;
padding: 0 0 10px 0;
float: left;
margin: 0 0 20px 0;
}
#bloc_header {

width: 100%;
height: 112px;
float: left;
position: relative;
background-color: #ffffff;
text-align: center;
}

#surmenu {

width: 100%;
height: 20px;
list-style: none;
padding: 0px;
margin: 0px;
background-color: #EFD807;
}
ul.menu1 {

width: 100%;
height: 40px;
list-style: none;
padding: 0px;
margin: 0px;
background-color: #000000;
text-align: center;
}
ul.menu1 li {
display: inline;
text-align: center;
}
ul.menu1 li a {

text-align: center;
width: 100%;
height: 50px;
line-height: 50px;
font-family: mael;
font-size: 22px;
font-weight: 700;
color: #00CCCB;
text-decoration: none;
outline: none;
padding: 20px 20px 0 20px;
}

ul.menu1 li a:hover, ul.menu1 li#current a {
color: #EFD807;
}
#logo {
width: 576px;
height: 120px;
background: url("einstein.jpg") no-repeat left top;
/* top/bottom right/left */
margin: 0 auto;
}

</style>
</head>
<body>

<div id="pagecomplete">

<div id="surmenu"></div>

<div class="menu1">

<ul class="menu1">

<li id="current">
<a href="index.html">ACCEUIL</a>
</li>

<li>
<a href="page1.html">LIVRE D'OR</a>
</li>

<li>
<a href="page2.html">CONTACT</a>
</li>

<li>
<a href="page3.html">INFO</a>
</li>

<li>
<a href="page4.html">MAGNETISME</a>
</li>

<li>
<a href="page5.html">TAROLOGIE</a>
</li>

<li>
<a href="page6.html">TARIFS</a>
</li>

<li>
<a href="page7.html">LIENS</a>
</li>

<li>
<a href="page8.html">MENTIONS LEGALES</a>
</li>
</ul>
</div>
<div id="logo" title="David Poiree"></div>
</div>
</body>

</html>



j'ai mi des class pour tes deux menu1 car on peu pas mettre deux id identique
http://img4.imageshack.us/img4/665/le18.png
׺°"~'"°º×]|I{*------» m3745p10!7 «------*}I|[׺°"~'"°º×
0
aeonus Messages postés 50 Date d'inscription lundi 23 septembre 2013 Statut Membre Dernière intervention 24 juillet 2014
25 sept. 2013 à 01:49
merci lobotix mais cela ne fonctionne pas , pourtant j'ai copier coller .
J'ai pris aussi soin de changer le nom de ta photo par le nom de la mienne .
0
étrange problème de nom, d'extension ou de chemin

tu es sur que c'est pas jpeg ?
0
aeonus Messages postés 50 Date d'inscription lundi 23 septembre 2013 Statut Membre Dernière intervention 24 juillet 2014
25 sept. 2013 à 16:42
j'ai vérifier c'est ceci logo.jpg

D:\Documents and Settings\david\Bureau\site4\images
0
aeonus Messages postés 50 Date d'inscription lundi 23 septembre 2013 Statut Membre Dernière intervention 24 juillet 2014
25 sept. 2013 à 02:25
toujours pas , merci quand même lobitix .
je comprends pas , maintenant cela fait un espace dans mon menu , en haut , à droite et à gauche , il n'est plus coller comme il était avant .
0
telliak Messages postés 3667 Date d'inscription mercredi 20 septembre 2006 Statut Membre Dernière intervention 4 novembre 2024 876
25 sept. 2013 à 05:56
Salut,
C'est bizarre de mettre plusieurs DOCTYPE, ces lignes ne me paraissent pas pouvoir être cumulatives...
Le nom de ton fichier image est bien en lettres minuscules ?
Les tarots ne te donnent pas d'indication ? :)

P.-S. qui n'a rien à voir : on écrit «accueil».
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
aeonus Messages postés 50 Date d'inscription lundi 23 septembre 2013 Statut Membre Dernière intervention 24 juillet 2014
25 sept. 2013 à 15:46
merci telliak pour rectifier la faute d'orthographe .
Pour maj ou pas j'ai essayer les 2 cela ne change rien , je comprends plus rien :(
0
aeonus Messages postés 50 Date d'inscription lundi 23 septembre 2013 Statut Membre Dernière intervention 24 juillet 2014
26 sept. 2013 à 00:29
Un ami à essayer mes codes sur son pc et l'image s'affiche chez lui mais pas chez moi .
Donc j'ai revérifier l'adresse de cette image dans le code css est l'adresse est nickel .
En fouinant un peu j'ai vu que certain images était bloquer par sécurité mais pas celle que j'utilise .

Je comprends toujours pas !!!

merci de me venir en aide
0
aeonus Messages postés 50 Date d'inscription lundi 23 septembre 2013 Statut Membre Dernière intervention 24 juillet 2014
26 sept. 2013 à 15:37
j'ai trouver la solution c était mon chemin d'image qui n'était pas bon , j'était pourtant persuader qu'il était bon .

Merci à tut ceux qui m'on aider .
0