code HTML pour page de maintenance

**vaelnahan** · 29/01/2012, 13h31

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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" >
<img src="http://www.fileden.com/files/2011/12/27/3243824//Alien-Mort-Droite.gif" align="right" height="500" width="300"> </a> 
<!-- End ImageReady Slices --> 
</div> 
</body> 
</html>

Cordialement.

**franck31** · 29/01/2012, 15h07

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

**vaelnahan** · 29/01/2012, 16h56

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 ?

**NoSmoking** · 31/01/2012, 19h21

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

code HTML pour page de maintenance

HTML

Discussions similaires

Partager

Partager