Fond de site

Valent147 Messages postés 10 Statut Membre -  
Gihef Messages postés 5165 Statut Contributeur -
Bonjour,a tous

voila je voudrait mettre cette image
http://www.fond-ecran-image.com/photo-antarctique/photo-banquise/29.jpg
en fond de site

si vous pouviez detailler comment faire avec dreamweaver 8 svp^^
Configuration: Windows XP
Firefox 2.0.0.5

1 réponse

  1. Gihef Messages postés 5165 Statut Contributeur 2 781
     
    Bonjour,

    Avec DW comme avec d'autres c'est simple.

    Tu as deux possibilités.
    — en fond de page
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>Un titre</title>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <style type="text/css">
        html, body {
          margin: 0;
          padding: 0;
          text-align: center;
          }
        html, body {
          background: #b0c4de url(http://www.fond-ecran-image.com/photo-antarctique/photo-banquise/29.jpg) left top no-repeat;
          }
        #conteneur {
          position: relative;
          width: 760px;
          text-align: left;
          border : 1px solid #f0ffff;
          font-family: 'Trebuchet MS', Verdana, sans-serif;
          }
        </style>
    </head>
    <body>
      <div id="conteneur">
        <p>L'image en fond de page.</p>
      </div>
    </body>
    </html>


    — en fond de bloc principal
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>Un titre</title>
        <meta http-equiv="Content-type" content="text/html; charset=utf-8">
        <style type="text/css">
        html, body {
          margin: 0;
          padding: 0;
          text-align: center;
          background-color: #b0c4de;
          }
        #conteneur {
          position: relative;
          margin: 0 auto;
          width: 1024px;
          height: 768px;
          text-align: left;
          border : 1px solid #f0ffff;
          background: #f0f8ff url(http://www.fond-ecran-image.com/photo-antarctique/photo-banquise/29.jpg) left top no-repeat;;
          font-family: 'Trebuchet MS', sans-serif;
          }
        </style>
    </head>
    <body>
      <div id="conteneur">
        <p>L'image en fond de bloc principal.</p>
      </div>
    </body>
    </html>
    Mais, es-tu autorisé à le faire ?

    --
    0