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^^
A voir également:

1 réponse

Gihef Messages postés 5165 Statut Contributeur 2 779
 
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