Liens ne marchant pas sur la page web
Résolu
Bonjour à tous!
J'ai un léger souçi que voilà, j'a icréé un eliste de lien sur la partie gauche de mon site avec les balises <ul><li><a href...>. Jusque là tout vas bien, les liens fonctionnent.
Dès que je met un <div> dans la page, plus aucun lien ne marche!
Voici le code:
--------------------------------------------------------------
<!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>Bienvenue</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" media="screen" type="text/css" title="Essai" href="site.css" />
</head>
<h1>Mon site</h1><br class="grand_ecart">
<ul>
<li><a > Accueil</a></li><br></br>
<li><a href="cv.html"> Curriculum vitae</a></li><br></br>
<li><a href="projets.html"> Projets tutorés</a></li><br></br>
<li><a href="entreprises.html"> Entreprises</a></li><br></br>
<li><a href="contacts.html"> Contacts</a></li><br></br>
</ul>
<div class="ascenseur">
</div>
</html>
--------------------------------------------------------------
Et voilà le css
--------------------------------------------------------------
.ascenseur
{
color: black;
font-family: times new roman, Arial, Verdana, serif;
text-align:justify;
font-size: 18px;
width:25.6cm;
height:13.1cm;
margin-top:-6cm;
margin-left:4cm;
overflow:scroll;
padding:0.5cm;
line-height:22px
}
.grand_ecart
{
line-height:40px;
}
--------------------------------------------------------------
Si vous pouviez m'aider! merci beaucoup par avance!
J'ai un léger souçi que voilà, j'a icréé un eliste de lien sur la partie gauche de mon site avec les balises <ul><li><a href...>. Jusque là tout vas bien, les liens fonctionnent.
Dès que je met un <div> dans la page, plus aucun lien ne marche!
Voici le code:
--------------------------------------------------------------
<!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>Bienvenue</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" media="screen" type="text/css" title="Essai" href="site.css" />
</head>
<h1>Mon site</h1><br class="grand_ecart">
<ul>
<li><a > Accueil</a></li><br></br>
<li><a href="cv.html"> Curriculum vitae</a></li><br></br>
<li><a href="projets.html"> Projets tutorés</a></li><br></br>
<li><a href="entreprises.html"> Entreprises</a></li><br></br>
<li><a href="contacts.html"> Contacts</a></li><br></br>
</ul>
<div class="ascenseur">
</div>
</html>
--------------------------------------------------------------
Et voilà le css
--------------------------------------------------------------
.ascenseur
{
color: black;
font-family: times new roman, Arial, Verdana, serif;
text-align:justify;
font-size: 18px;
width:25.6cm;
height:13.1cm;
margin-top:-6cm;
margin-left:4cm;
overflow:scroll;
padding:0.5cm;
line-height:22px
}
.grand_ecart
{
line-height:40px;
}
--------------------------------------------------------------
Si vous pouviez m'aider! merci beaucoup par avance!
Configuration: Windows XP Internet Explorer 6.0
9 réponses
-
Bonjour,
Peut-être que l'absence de balise <body> a un rapport avec ton problème de lien ? -
Contributeursalut,
normalement cela ne devrait rien changer.
tes <br></br> sont inutiles et en xhtml elles doivent s'écrire <br />
pour le "grand écart" :h1 { line-height:40px; }
et le css du <div> est codé de façon assez bizarre.
tu ne devrais pas utiliser les cm, méfie-toi des marges négatives et tu devrais donner des valeurs de taille de police en em plutôt qu'en px pour permettre à tes utilisateurs d'agrandir ou de réduire la taille du texte.
-
Bonjour,
Pour marquer ta div dans le css utilise plutôt #ascenseur au lieu de .ascenseur. -
Merci beaucoup, je vais essayer ce que vous me dites dans la soirée, je reposterais demain pour vous dire si ça marche ou pas. Pour le <br /> j'essaierais, j'en avais entendu parlé mais je ne l'ai jamais appliqué.
Encore merci d'avoir pris de votre temps pour me répondre! -
Finalement j'ai eu le temps d'essayer, mais ça ne marche pas. Ceci dit, j'ai essayé l'autre jour de faire un div pour le menu de gauche et là, ça a marché, seulement, le div de droite, s'est déplacé et n'a pas voulu répondre lorsque j'ai souhaité lui donner une marge par rapport au "top".
-
Lorsque tu ve un menu à gauche et un menu à droite, il faut que ceux-ci est une position précise
en css:
#menugauche {
float: left;
width: 150;
...
}
#menudroite {
float: right;
width: 150;
...
} -
re bjr!!!
je pense ke j'ai trouvé la solution. ça doit venir de la position de ta div ascenseur en css. En + il y a kelke erreur de syntaxe.
Fais un copier/coller dans un nouveau dossier pour vérifier ma solution:
doc 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>Bienvenue</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" media="screen" type="text/css" title="Essai" href="site.css" />
</head>
<body>
<h1>Mon site</h1>
<div class="grand_ecart">
<ul class="lien">
<li><a href="index.html" class="lien">Accueil</a></li>
<li><a href="cv.html" class="lien">Curriculum vitae</a></li>
<li><a href="projets.html" class="lien">Projets tutorés</a></li>
<li><a href="entreprises.html" class="lien">Entreprises</a></li>
<li><a href="contacts.html" class="lien">Contacts</a></li>
</ul>
</div>
<div id="ascenseur">
</div>
</body>
</html>
Doc CSS:
.grand_ecart {
line-height: 40px;
}
.lien:link {
color: black;
}
.lien:visited {
color: red;
}
.lien:hover {
color: blue;
}
#ascenseur
{
position:absolute;
background: #121212;
color: black;
font-family: times new roman, Arial, Verdana, serif;
text-align:justify;
font-size: 18px;
width:25.6cm;
height:13.1cm;
margin-top:-6cm;
margin-left:4cm;
overflow:scroll;
padding:0.5cm;
line-height:22px
} -
Me revoilà tout le monde!
Tout est résolu grpâce à vous! merci inifniement. Il s'agissait en fait d'une erreur de positionnment (mélange entre le positionnement relatif et absolu des div), voici la réponse définitive issu du merveilleux travai lde jcbetin:
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>Bienvenue</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" media="screen" type="text/css" title="Essai" href="site.css" />
</head>
<body>
<h1>Mon site<h1>
<div class="menu_gauche">
<ul class="lien">
<li><a href="index.html" class="lien">Accueil</a></li>
<li><a href="cv.html" class="lien">Curriculum vitae</a></li>
<li><a class="lien">Projets tutorés</a></li>
<li><a href="entreprises.html" class="lien">Entreprises</a></li>
<li><a href="contacts.html" class="lien">Contacts</a></li>
</ul>
</div>
<div class="ascenseur">
</div>
</body>
</html>
------------------------------------------------------------------------------------------------------------------------
Et le css
------------------------------------------------------------------------------------------------------------------------
.ascenseur
{
position:absolute;
background: #121212;
color: black;
font-family: times new roman, Arial, Verdana, serif;
text-align:justify;
font-size: 18px;
width:25.6cm;
height:13.1cm;
margin-top:0.7cm;
margin-left:4cm;
overflow:scroll;
padding:0.5cm;
line-height:22px;
}
.lien:link
{
color: black;
}
.lien:visited
{
color: red;
}
.lien:hover
{
color: blue;
}
.menu_gauche
{
line-height:40px;
position:absolute;
margin-top:0.1cm;
margin-left:-0.4cm;
}
------------------------------------------------------------------------------------------------------------------------
Merci à tous d'avoir pris votre temps pour réfléchir à mon problème, c'est très gentil à vous.
Bonne semaine!
et à bientôt pour d'autre prôblèmes encore plus durs! ;-D -
:-D
De rien XL64, j'avais un peu de temps à tuer...
@+ et bonne continuation.
PS: N'hésite pas à me contacter si ta le moindre souci!!! parce que le positionnement en CSS c po tjr marrant!!!
