Impression differente de ma page html ????

Bonjour,
lorsque j impime ma page d accueil le menu horizontal apparait verticalement.les photos dispaissnt..?est ce normal?comment y remedier.?
Configuration: Windows Vista
Internet Explorer 7.0

7 réponses

  1. Contributeur
    Bonjour,

    En nous montrant la page nous verrons comment tu as fait et on pourra, peut-être, t'indiquer ce que tu pourrais faire.
    Sinon, on ne parle de rien, dans le vide.

    --
    1. oui,voici ma page origine du probleme /le truc qui est peut etre ou pas le probleme j ai insere le menu dans le bandeau!!!?

      <!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" >
      <head>
      <title>ID.Constructeur</title>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
      <link rel="stylesheet" media="screen" type="text/css" title="Essai" href="idc1
      .css" />

      <style type="text/css" media="screen,projection"><!--
      Mettre le code CSS ici
      --></style>

      </head>

      <body>

      <div id="bandeau"><h1>logo</h1><ul id="navigation">
      <li><a href="#" title="aller à la section 1">acceuil</a></li>

      <li><a href="#" title="aller à la section 2">construction</a></li>
      <li><a href="#" title="aller à la section 3">renovation</a></li>
      <li><a href="#" title="aller à la section 4">travaux de finition</a></li>
      <li><a href="#" title="aller à la section 5">electricite</a></li>

      <li><a href="#" title="aller à la section 6">gallerie</a></li>

      <li><a href="#" title="aller à la section 7">cont@ct</a></li>
      </ul></div>

      <div id="menu"><img src="image
      /chantier.jpg" width="100" height="100" alt="chantier" /></div>

      <div id="contenu"><h3>&gtHistorique</h3>blabla..... !<br/>bla bla <br/>
      <p><h3>&gtPresentation</h3< bla bla....</p>

      <iframe width="500" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.com/maps/embed?origin=mfe&pb=!1m10!1m8!1m3!1d737533.287777751!2d4.471436!3d43.773077!3m2!1i1024!2i768!4f13.1!6i9!3m1!1sfr!5m1!1sfr"></iframe><br /><small><a href="https://www.google.fr/maps?hl=fr&ie=UTF8&om=1&ll=43.773077,4.471436&spn=0.694143,1.373291&z=9&source=embed" style="color:#0000FF;text-align:left">Agrandir le plan</a></small>
      </div>

      <div id="piedpage">Ceci est le pied de page</div>

      <body><font face=mufferaw><b>voici ma page1</b> : <font/>
      <a href="page1.htm">ici</a

      </body>

      </html>

      div#bandeau {
      font-family: "Comic Sans MS", "Trebuchet MS", Georgia, serif;
      width:900px;
      height:200px;
      background-color:#FFFFFF;
      }

      h1
      {font-size:80px
      }

      #navigation {
      margin: 0 ;
      padding: 0 ;
      list-style: none ;
      text-align: center ;
      }
      #navigation li {
      display: inline ;
      margin-right: 1px ;
      color: #fff ;
      background: #c00 ;
      }
      #navigation li a {
      padding: 4px 20px ;
      background: #c00 ;
      color: #fff ;
      border: 1px solid #600 ;
      font: 0.8em verdana,Arial,sans-serif ;
      font-weight:bold;
      line-height: 1em ;
      text-align: center ;
      text-decoration: none ;
      }

      div#contenu {
      float:left;
      width:625px;
      height:825px;
      background-color:#FFFFCC;
      }
      div#piedpage {
      width:900px;
      height:50px;
      background-color:#00CCFF;
      clear:both;
      }
      div#menu {
      float:left;
      width:175px;
      height:700px;
      background-color:#FFFFFF;
      }

      voici ma page origine du probleme
      1. Contributeur
        Supprime
        <style type="text/css" media="screen,projection">
        et regarde ce que ça donne.

        Sinon, crée une feuille de styles pour l'impression
        <style type="text/css" media="print">

        --
        1. Contributeur
          “svp”, ce n'est pas une réponse.

          Il y a d'autres problèmes.
          Mais impossible de déterminer si ça vient de ton code ou du forum.

          Recolle ton code après avoir utilisé ce bouton.

          Mais avant, supprime
          <body><font face=mufferaw><b>voici ma page1</b> : <font/> 
          <a href="page1.htm">ici</a 
          et teste.

          --