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>

29/01/2012, 15h07	#2
franck31 Membre régulier franck franck Développeur Web Inscription : mai 2010 Messages : 98 Détails du profil Informations personnelles : Nom : franck franck Localisation : France Informations professionnelles : Activité : Développeur Web Informations forums : Inscription : mai 2010 Messages : 98 Points : 91 Points : 91	tu peux mettre tes images dans des div et les positionner sur ta page.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email