code HTML pour page de maintenance

Version imprimable

Bonjour à tous,

Je cherche à créer une page html de maintenance pour mon site.
En fait, c'est un site pour mon groupe de musique, seulement on a prévu de l'ouvrir qu'en fin d'année, donc j'aimerais que dès que pour le moment il n'y ai que cette page, ceci empêcherai les visiteurs de voir le site avant la date de sortie..

Ma page comprend :
Un fond noir
Une image centrale
Deux gifs animés sur chaque cotés
Un compte à rebours
Une musique qui tourne en boucle sans jamais s'interrompre.

Seulement je suis bloqué.

J'ai ma page noire, mon image centrale, et mes deux gifs.
Mais je n'arrive pas à mettre par exemple mon gif n°1 en bas ET à gauche

Pouvez vous m'aider ? Voici mon code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 <title>intro</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css">  </style></head> <body style="margin: 0px; color: rgb(0, 0, 0); background-color: rgb(2, 0, 2);" alink="#000099" link="#000099" vlink="#990099"> <div align="center"> <img border="0" <img src="http://www.fileden.com/files/2011/12/27/3243824//FOND centre .jpg "" alt="" border="0" height="600" width="600"> <img src="http://www.fileden.com/files/2011/12/27/3243824//Alien-Mort-Gauche.gif" align="left" height="500" width="300" > <img src="http://www.fileden.com/files/2011/12/27/3243824//Alien-Mort-Droite.gif" align="right" height="500" width="300"> </a>  </div> </body> </html>
Cordialement.

29/01/2012, 15h07
franck31

tu peux mettre tes images dans des div et les positionner sur ta page.

Merci pour la réponse !

Si je rajoute des div, bizarrement, il n'y en a qu'une qui se met en bas, mais du coup la page devient très grande...
Et l'autre ne réagit même pas..

Voila ce que ça donne :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<title>intro</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
-->
</style></head>
 
<body style="margin: 0px; color: rgb(0, 0, 0); background-color: rgb(2, 0, 2);" alink="#000099" link="#000099" vlink="#990099">
 
<div align="center">
<img border="0"
<img src="http://www.fileden.com/files/2011/12/27/3243824//FOND centre .jpg
"" alt="" border="0" height="600" width="600">
<img src="http://www.fileden.com/files/2011/12/27/3243824//Alien-Mort-Gauche.gif" align="left" height="500" width="300" >
<div align="bottom">
<img src="http://www.fileden.com/files/2011/12/27/3243824//Alien-Mort-Droite.gif" align="right" height="500" width="300">
<div align="bottom"></a>
</div>
</body>
</html>

J'aimerais avoir mes 2 gifs, positionnés en bas, sans que la page ne "dépasse" l'écran..
Comment faut-il faire ?

Bonjour,
pas mal d'erreurs, beaucoup même, constatées dans ton code
essaies avec ce qui suit, code minimaliste en jouant sur la positionnement

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE HTML>
<html lang="fr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>intro</title>
<style type="text/css">
html, body{
  margin: 0px;
  height:100%;
  width:100%;
  background-color:black;
}
img{
  display:block;
}
#page{
  position:relative;
  height:99%;
}
#droit{
  position:absolute;
  width:300px;
  height:500px;
  bottom:0px;
  right:0px;
}
#gauche{
  position:absolute;
  width:300px;
  height:500px;
  left:0px;
  bottom:0px;
}
#centre{
  position:relative;
  width:600px;
  height:600px;
  margin:auto;
}
</style>
</head>
<body>
<div id="page">
  <img id="gauche" src="http://www.fileden.com/files/2011/12/27/3243824/Alien-Mort-Gauche.gif" alt="">
  <img id="centre" src="http://www.fileden.com/files/2011/12/27/3243824/FOND%20centre%20.jpg" alt="">
  <img id="droit" src="http://www.fileden.com/files/2011/12/27/3243824/Alien-Mort-Droite.gif" alt="">
</div>
</body>