J'ai besoin d'aide, j’essaie de créer une page d'introduction pour mon site qui est en court de construction lui aussi.
Sur cette page d'intro, je vais mettre mettre 2 zones réactives qui me permettrons d'orienter les visiteurs en fonctions de leurs besoins.
Au début, j’étais parti sur ce code:
Code : Tout sélectionner
<!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=utf-8" />
<title>Bienvenue</title>
</head>
<body>
<style>
html, body, #bg, #bg table, #bg td {
height:100%;
overflow:hidden;
width:100%;
}
#bg {
height:200%;
width:200%;
left:-50%;
top:-50%;
position:absolute;
z-index:-200;
}
#bg td {
text-align:center;
vertical-align:middle;
}
#bg img {
min-height:50%;
min-width:50%;
}
</style>
<div id="bg">
<table cellspacing="0" cellpadding="0">
<tr>
<td>
<img src="bggs3.jpg" alt="test" border="0" usemap="#ma_map">
</td>
</tr>
</table>
</div>
<p>
<map name="ma_map" id="id_map">
<area shape="rect" coords="47,246,426,471" href="index.php" alt="Vers Index" />
<area shape="rect" coords="513,242,898,468" href="#google.fr" />
</map>
</p>
</body>
</html>Avantage, la page s'affiche correctement sur plusieurs écrans et résolutions différentes, problème, impossible de mettre en place les zones réactive.
Je m'oriente donc sur quelque chose de plus simple, enfin a premiere vu:
Code : Tout sélectionner
<!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=utf-8" />
<title>Test Intro</title>
<style type="text/css">
<!--
body {
background-color: #000;
}
-->
</style></head>
<body>
<img src="logogs2.png" width="800" height="600" />
</body>
</html>Please: help me!!!!
Help me!!!!