Mon logo ne s'affiche pas

Résolu
aeonus -  
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

  1. Utilisateur anonyme
    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
    1. aeonus Auteur
      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
      1. Utilisateur anonyme
        étrange problème de nom, d'extension ou de chemin

        tu es sur que c'est pas jpeg ?
        0
      2. aeonus Auteur
        j'ai vérifier c'est ceci logo.jpg

        D:\Documents and Settings\david\Bureau\site4\images
        0
    2. aeonus Auteur
      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
      1. telliak
        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
        2. aeonus Auteur
          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
          1. aeonus Auteur
            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
            1. aeonus Auteur
              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

              Discussions similaires

              Symbole Attention dans Word
              Nortec59

              33 réponses
              Bouton ON/OFF : O ou I, quel côté est allumé
              Stargirlfr

              12 réponses
              Comment écrire le symbole On/Off
              strumpfi

              3 réponses
              Arrêt/démarrage via Bouton ON/OFF de l'alim
              kekliard

              15 réponses
              Comment faire le symbole attention
              Juliaaa

              17 réponses