Bonjour,
Je voudrais mapper des zones sur le fond d'écran de ma page mais je n'arrive pas à résoudre mon problème qui est le suivant : aucune zone défini n'est considérer comme un lien.
Ma feuille css :
Voici ma feuille html :
Merci d'avance pour votre aide.
Modifié par Shamanlinks (21 Feb 2008 - 08:44)
Je voudrais mapper des zones sur le fond d'écran de ma page mais je n'arrive pas à résoudre mon problème qui est le suivant : aucune zone défini n'est considérer comme un lien.
Ma feuille css :
html,body {
margin : 0;
padding : 0;
}
body {
background-image: url("../img/font01.jpg");
background-color: #56595C;
background-repeat: no-repeat;
background-position:center top;
}
a {
color: #3D2D1F;
font-weight: bold;
}
a:hover {
color: #151515;
text-decoration:none;
}
#global {
margin-top: 25px;
margin-left: auto;
margin-right: auto;
width: 988px;
}
#content {
background-image: url("../img/bg_001.jpg");
background-repeat: no-repeat;
height: 710px;
padding-left: 0px;
padding-top: 0px;
}
#center {
padding-left: 290px;
padding-top: 220px;
width: 620px;
height: 280px;
font-family: Trebuchet MS, Arial, Verdana, sans-serif;
font-size: 0.75em;
color: #212424;
position: absolute;
}
#left {
padding-left: 30px;
padding-top: 000px;
width: 200px;
height: 650px;
font-family: Trebuchet MS, Arial, Verdana, sans-serif;
font-size: 0.75em;
color: #212424;
position: absolute;
}
#menu {
font-family: Trebuchet MS, Arial, Verdana, sans-serif;
color: #212424;
position: absolute;
}
#statistiques {
font-family: Trebuchet MS, Arial, Verdana, sans-serif;
color: #FFFFFF;
position:absolute;
margin-left: 0px;
margin-top: 500px;
}
.lien01 {
float:center;
width : 160px;
height: 55px;
margin-left: 20px;
margin-top: 160px;
position:absolute;
}
.lien02 {
float:center;
width : 162px;
height: 46px;
margin-left: 20px;
margin-top: 260px;
position:absolute;
/*border: 1px dotted white;*/
}
.lien03 {
float: center; /* permet de donner une dimension à la balise a qui est une balise en ligne */
width : 162px;
height: 46px;
margin-left: 20px;
margin-top: 310px;
position:absolute;
/*border: 1px dotted white;*/
}
.lien04 {
float: center; /* permet de donner une dimension à la balise a qui est une balise en ligne */
width : 162px;
height: 46px;
margin-left: 20px;
margin-top: 360px;
position:absolute;
/*border: 1px dotted white;*/
}
.lien05 {
float: center; /* permet de donner une dimension à la balise a qui est une balise en ligne */
width : 162px;
height: 46px;
margin-left: 20px;
margin-top: 410px;
position:absolute;
/*border: 1px dotted white;*/
}
#bas {
font-family: Trebuchet MS, Arial, Verdana, sans-serif;
font-size: 0.75em;
color: #151515;
height: 20px;
text-align:center;
}Voici ma feuille html :
<body>
<div id="global">
<div id="content">
<div id="left">
<a class="lien01" href="register.php" title="Jouez Maintenant"></a>
<a class="lien02" href="index.php" name="Page de démarrage"></a>
<a class="lien03" href="#" name="A propos"></a>
<a class="lien04" href="register.php" name="S inscrire"></a>
<a class="lien05" href="#" target="_blank" name="Forum"></a>
<div id="statistiques"><b>
<h4>Statistiques</h4>
<ul>
<li> Inscrits : </li>
<li> En ligne : </li>
</ul></b>
</div>
</div>
<div id="center">
<h3>• Bienvenue sur ****</h3>
*** est un jeu de rôle massivement online en construction.<br /> L'idée de faire ce jeu est né en l'an 2000.
<h3>• Identification</h3>
<form action="index.php" method="post">
<b>Nom du joueur : </b><input name="login" type="text" size="14"/> <b>Mot de passe : </b><input name="password" size="14" type="password" /> <input name="valider_log" type="submit" value="Ok"/><br />
<b>»</b> <a href="register.php?mode=mdplost">Vous avez oublié votre mot de passe?</a>
</form>
</div>
</div>
<div id="bas">
© 2008 - *** - Tous droits réservés</p>
</div>
</div>
</body>Merci d'avance pour votre aide.
Modifié par Shamanlinks (21 Feb 2008 - 08:44)
Modifié par Shamanlinks (19 Feb 2008 - 00:30)
)