Liens ne marchant pas sur la page web
Résolu/Fermé
XL64
Messages postés
7
Date d'inscription
dimanche 21 décembre 2003
Statut
Membre
Dernière intervention
9 juillet 2007
-
9 juil. 2007 à 11:29
jcbetin Messages postés 339 Date d'inscription lundi 9 juillet 2007 Statut Membre Dernière intervention 9 août 2011 - 9 juil. 2007 à 17:06
jcbetin Messages postés 339 Date d'inscription lundi 9 juillet 2007 Statut Membre Dernière intervention 9 août 2011 - 9 juil. 2007 à 17:06
A voir également:
- Liens ne marchant pas sur la page web
- Comment supprimer une page sur word - Guide
- Traduire une page web - Guide
- Web office - Guide
- Capture page web - Guide
- Adresse web - Guide
9 réponses
Reivax962
Messages postés
3672
Date d'inscription
jeudi 16 juin 2005
Statut
Membre
Dernière intervention
11 février 2021
1 011
9 juil. 2007 à 13:39
9 juil. 2007 à 13:39
Bonjour,
Peut-être que l'absence de balise <body> a un rapport avec ton problème de lien ?
Peut-être que l'absence de balise <body> a un rapport avec ton problème de lien ?
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
921
9 juil. 2007 à 11:43
9 juil. 2007 à 11:43
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.
jcbetin
Messages postés
339
Date d'inscription
lundi 9 juillet 2007
Statut
Membre
Dernière intervention
9 août 2011
75
9 juil. 2007 à 11:46
9 juil. 2007 à 11:46
Bonjour,
Pour marquer ta div dans le css utilise plutôt #ascenseur au lieu de .ascenseur.
Pour marquer ta div dans le css utilise plutôt #ascenseur au lieu de .ascenseur.
XL64
Messages postés
7
Date d'inscription
dimanche 21 décembre 2003
Statut
Membre
Dernière intervention
9 juillet 2007
9 juil. 2007 à 12:42
9 juil. 2007 à 12:42
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
XL64
Messages postés
7
Date d'inscription
dimanche 21 décembre 2003
Statut
Membre
Dernière intervention
9 juillet 2007
9 juil. 2007 à 13:03
9 juil. 2007 à 13:03
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".
jcbetin
Messages postés
339
Date d'inscription
lundi 9 juillet 2007
Statut
Membre
Dernière intervention
9 août 2011
75
9 juil. 2007 à 13:32
9 juil. 2007 à 13:32
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;
...
}
jcbetin
Messages postés
339
Date d'inscription
lundi 9 juillet 2007
Statut
Membre
Dernière intervention
9 août 2011
75
9 juil. 2007 à 16:19
9 juil. 2007 à 16:19
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
}
XL64
Messages postés
7
Date d'inscription
dimanche 21 décembre 2003
Statut
Membre
Dernière intervention
9 juillet 2007
9 juil. 2007 à 16:58
9 juil. 2007 à 16:58
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
jcbetin
Messages postés
339
Date d'inscription
lundi 9 juillet 2007
Statut
Membre
Dernière intervention
9 août 2011
75
9 juil. 2007 à 17:06
9 juil. 2007 à 17:06
:-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!!!
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!!!
9 juil. 2007 à 15:53
bien vu !