[HTML] Intro site web

Version imprimable

22/03/2009, 16h04
moulinex71

[HTML] Intro site web

Bonjour tous le monde,

J'ai un site web d'un clan counter strike
J'aimerai faire une intro simple mais je maitrise tres peut le language HTML.

J'aimerai une image au milieu de la page d'intro, avec un fond noir ou une image de mon choix.
2 bouton lien, avec "site" et "forum" en desous de l'image qui emenerons sur le site web et le forum

Merci de votre aide

Allé, je sais pas quoi faire par cette belle journée ensoleillée du printemps !!!

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- titre de la page -->
<title>Clan Counter Strike</title>
<STYLE type="text/css">
<!--
body {background-color : #000000;}
div {padding-top : 30px;}
table {
	width : 100%;
	align : center;
}
td {
	width : 50%;
	color : #FFFFFF;
	font-size : 18px;
}
a {text-decoration : none;}
-->
</STYLE>
 
</head>
 
<body>
<center>
 
<!-- entre les guillemets de src, mettre le chemin de l'image choisi -->
<div><img src="" alt="" /></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
	<tr>
		<!-- dans href, mettre le chemin des pages du site et du forum -->
		<td style="text-align:right;"><a href="" title="Site">Site&nbsp;&nbsp;&nbsp;&nbsp;</a></td>
		<td style="text-align:left;"><a href="" title="Forum">&nbsp;&nbsp;&nbsp;&nbsp;Forum</a></td>
	</tr>
</table>
 
</center>
</body>
</html>

Salut,

sachant qu'il a demandé des boutons, voilà ce que je changerai dans le 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
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- titre de la page -->
<title>Clan Counter Strike</title>
<STYLE type="text/css">
<!--
body {background-color : #000000;}
div {padding-top : 30px;}
table {
	width : 100%;
	align : center;
}
td {
	width : 50%;
	color : #FFFFFF;
	font-size : 18px;
}
a {text-decoration : none;}
-->
</STYLE>
 
</head>
 
<body>
<center>
 
<!-- entre les guillemets de src, mettre le chemin de l'image choisi -->
<div><img src="" alt="" /></div>
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
	<tr>
		<!-- dans href, mettre le chemin des pages du site et du forum -->
		<td style="text-align:right;"><a href="" title="Site"><img src="lien de ton image pour le site" alt="Entrer sur le site" /></a></td>
		<td style="text-align:left;"><a href="" title="Forum"><img src="lien de ton image pour le forum" alt="Entrer sur le forum" /></a></td>
	</tr>
</table>
 
</center>
</body>
</html>

++ 8-)

Bonjour,

Et comme on peut faire ça sans tableau, j'aurais tendance à proposer quelque chose comme

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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!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">
<!-- Sortir les styles de là et les placer dans une feuille de styles externe -->
  <style type="text/css">
    html, body {
      margin: 0;
      padding: 0;
      text-align: center;
      background: #000 url(bg.png) repeat left top;
      color : #888;
      }
    #conteneur {
      position: absolute;
      top : 50%;
      left : 50%;
      margin-top: -220px;
      margin-left: -300px;
      width: 600px;
      height: 440px;
      background-color: #fff;
      font-family: 'Trebuchet MS', Verdana, sans-serif;
      overflow : hidden;
      }
    #menu {
      margin : 0;
      padding : 0;
      list-style : none;
      }
    #menu li {
      float : left;
      width : 50%;
      height : 40px;
      line-height : 40px;
      background-color: #404040;
      }
    #menu li a {
      display : block;
      width : 100%;
      height : 40px;
      font-weight : bold;
      color : #f00;
      text-decoration : none;
      }
    #menu li a:hover {
      color : #f6dc12;
      background-color : #2c75ff;
      }
    img {
      display : block;
      width : 600px;
      height : 400px;
      }
  </style>
</head>
<body>
  <div id="conteneur">
    <img src="imgage_accueil.png" alt="image d'accueil" title="Bienvenue" />
    <ul id="menu">
      <li><a href="#">Site</a></li>
      <li><a href="#">Forum</a></li>
    </ul>
  </div>
</body>
</html>

qu'on peut tester > ici.

-