Liens ne marchant pas sur la page web
Résolu
XL64
Messages postés
7
Date d'inscription
Statut
Membre
Dernière intervention
-
jcbetin Messages postés 339 Date d'inscription Statut Membre Dernière intervention -
jcbetin Messages postés 339 Date d'inscription Statut Membre Dernière intervention -
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!
A voir également:
- Liens ne marchant pas sur la page web
- Comment supprimer une page sur word - Guide
- Web office - Guide
- Comment traduire une page web - Guide
- Capture page web - Guide
- Création page web - Guide
9 réponses
salut,
normalement cela ne devrait rien changer.
tes <br></br> sont inutiles et en xhtml elles doivent s'écrire <br />
pour le "grand écart" :
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.
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.
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!
Encore merci d'avoir pris de votre temps pour me répondre!
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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;
...
}
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
}
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
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
bien vu !