Impression differente de ma page html ????

kiwi3110 Messages postés 157 Date d'inscription   Statut Membre -  
Gihef Messages postés 5165 Statut Contributeur -
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. Gihef Messages postés 5165 Statut Contributeur 2 781
     
    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.

    --
    0
  2. kiwi3110 Messages postés 157 Date d'inscription   Statut Membre 3
     
    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
    0
  3. kiwi3110 Messages postés 157 Date d'inscription   Statut Membre 3
     
    ...
    0
  4. kiwi3110 Messages postés 157 Date d'inscription   Statut Membre 3
     
    ...
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. Gihef Messages postés 5165 Statut Contributeur 2 781
     
    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">

    --
    0
  7. kiwi3110 Messages postés 157 Date d'inscription   Statut Membre 3
     
    svp
    0
  8. Gihef Messages postés 5165 Statut Contributeur 2 781
     
    “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.

    --
    0