[HTML] Intro site web

**moulinex71** · 22/03/2009, 16h04

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

**lavazavio** · 22/03/2009, 17h07

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

Code html :

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
<!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>

**Finality** · 22/03/2009, 18h37

Salut,

sachant qu'il a demandé des boutons, voilà ce que je changerai dans le 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
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>

++

**GihefBey** · 22/03/2009, 19h13

Bonjour,

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

Code HTML :

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
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.

-

[HTML] Intro site web

HTML

Discussions similaires

Partager

Partager