Tom's Guide > Forum > Programmation > probleme avec le postionnement relatif

probleme avec le postionnement relatif

Forum Programmation : probleme avec le postionnement relatif

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre
Mot :    Pseudo :           
 
grayha   19-04-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)

Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
Tybbow   20-04-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;
}

------------------------------ En Restaurant, le coeur de breizh
 Répondre à Tybbow
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > probleme avec le postionnement relatif
Aller à :

Il y a 2047 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 0,212 secondes
Attention

Vous allez répondre sur un sujet resté inactif pendant plus de 6 mois.
Assurez-vous d'apporter des éléments nouveaux à la discussion avant de poursuivre.

Répondre Annuler
Liens