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
    “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.

    --
    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. 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
          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.

          --