Votre question

probleme avec le postionnement relatif

Tags :
  • Xhtml
  • Programmation
Dernière réponse : dans Programmation
19 Avril 2009 22:51:16

bonjour a tous,

voila déjà les codes :
// CODE HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>accueil</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="test.css" />
</head>
<body>
<span class="accueil"><a href="accueil.php">Accueil</a></span>
<span class="inscription"><a href="inscription.php">Inscription</a></span>



</body>
</html>

// CODE CSS

.accueil
{
display: block;
font-size: x-large;
text-align: center;
position: relative;
left: -150px;
}
.inscription
{
display: block;
font-size: x-large;
text-align: center;
position: relative;
top: -25px;
}



voila (bon c'est très minimal mais c'est plus simple a comprendre le problème) essayer d'afficher ces codes la chez vous et cliquer sur accueil, vous verrez que le lien n'est pas actif (il est actif un peu au dessus). Par contre sur le lien inscription aucun problème.

Et si par exemple on redescend accueil, plus aucun problème c'est seulement quand ils sont aligné que un des 2 liens beug.

merci d'avance (sa fait 2 jour que je cherche sans succès)

Autres pages sur : probleme postionnement relatif

20 Avril 2009 02:46:44

Donne une largeur à tes blocks!

// CODE HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>accueil</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="test.css" />
</head>
<body>
<span class="accueil"><a href="accueil.php">Accueil</a></span>
<span class="inscription"><a href="inscription.php">Inscription</a></span>
</body>
</html>


//CODE CSS

.accueil
{
display: block;
font-size: x-large;
text-align: center;
position:relative;
width:300px;
margin: auto auto auto 290px;
}
.inscription
{
display: block;
font-size: x-large;
text-align: center;
position:relative;
width:300px;
margin: -28px auto auto 490px;
}

m
0
l
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS