liste deroulante

Le premier forum francophone sur l'éditeur de pages Web multiplateforme (Linux, Mac OS X, Windows) qui monte… KompoZer, héritier de Nvu, permet de créer vos pages Web graphiquement (wysiwyg) sans aucune connaissance du langage HTML.

Modérateur : chinon37

Répondre
zette
Gecko
Messages : 78
Inscription : 01 nov. 2006, 21:25

liste deroulante

Message par zette »

Bonjour à tous
je viens de réaliser une liste déroulante d'après modèle mais j'ai plusieurs lignes du même code qui apparaissent et WC3 me signale une erreur de ce côté là :

"<html>
>head>
<script><endnote><head>" : j'ai cette ligne plusieurs fois et je ne sais pas comment elle est apparue.
Que dois-je faire, car ma liste deroulante n'a pas l'air d'avoir de problème et je n'aime pas avoir d'erreur lorsque je fais le test avec WC3.

si quelqu'un peut me conseiller, ce serait sympa et merci d'avance.
zette

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)
Haut
myahoo
Animal mythique
Messages : 8279
Inscription : 02 sept. 2005, 00:13

Message par myahoo »

Puisque c'est une page que tu as mise en ligne, pourrais-tu nous en donner l'adresse, ou bien directement ici tout ou partie de ce code source ? (si tu n'as rien mis en ligne hé bé... c'est étonnant que Validator réussisse à analyser un fichier qui est sur ton ordinateur :D)

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1) Gecko/20061010 Firefox/2.0
Haut
zette
Gecko
Messages : 78
Inscription : 01 nov. 2006, 21:25

liste deroulante

Message par zette »

exact, je teste avant de mettre le navigateur :
voici la page source :

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="fr-FR">
<head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
</script>
<meta
content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>menu deroulant en css</title>
<meta content="zette" name="author">
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<style type="text/css">
<!-- /* CSS issu des tutoriels http://css.alsacreations.com */
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
z-index:100;
width: 100%;
}
#menu dl {
float: left;
width: 10em;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; }
a {text-decoration: none;
color: black;
color: #222;
}
-->
</style>
</head>
<body style="width: 773px;"
alink="#336666" bgcolor="#c0c0c0" link="#000000"
text="#333333" vlink="#3333ff">
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
<div
style="top: 0px; height: 18px; left: 103px; width: 885px;"
id="menu">
<dl>
<dt
onmouseover="javascript:montre('smenu1');">Informatique</dt>
<dd id="smenu1"
onmouseover="javascript:montre('smenu1');"
onmouseout="javascript:montre('');">
<ul style="height: 14px;">
<li> <a
href="../monsiteweb/tutoriaux.html"><small>Tutoriaux</small>
</a></li>
</ul>
</dd>
</dl>
<dl>
<dt
onmouseover="javascript:montre('smenu2');">courriels</dt>
<dd id="smenu2"
onmouseover="javascript:montre('smenu2');"
onmouseout="javascript:montre('');">
<ul style="height: 14px;">
<li> <a
href="../monsiteWeb/ins%E9rer%20une%20signature%20anim%E9e.html"><small>Outlook
Express </small></a></li>
</ul>
</dd>
</dl>
<dl>
<dt
onmouseover="javascript:montre('smenu3');">Recettes</dt>
<dd id="smenu3"
onmouseover="javascript:montre('smenu3');"
onmouseout="javascript:montre('');">
<ul style="height: 14px;">
<li><a
href="../monsiteWeb/recettes.html"><small>Menus
1 </small></a></li>
<li><a
href="../monsiteWeb/recettes.html"><small>Menus
2 </small></a></li>
<li><a
href="../monsiteWeb/recettes.html"><small>Menus
3 </small></a></li>
</ul>
</dd>
</dl>
<dl>
<dt
onmouseover="javascript:montre('smenu4');">Voyages</dt>
<dd id="smenu4"
onmouseover="javascript:montre('smenu4');"
onmouseout="javascript:montre('');">
<ul style="height: 14px;">
<li><a
href="../monsiteWeb/voyages.html"><small>Polyn&eacute;sie
Fran&ccedil;aise </small></a></li>
<li><a
href="../monsiteWeb/voyages.html"><small>Ethiopie
</small></a></li>
<li><a
href="../monsiteWeb/voyages.html"><small>Les
Villards </small></a></li>
<li><a
href="../monsiteWeb/voyages.html"><small>Les
Dinosaures </small></a></li>
</ul>
</dd>
</dl>
<dl>
<dt
onmouseover="javascript:montre('smenu5');">Photos</dt>
<dd id="smenu5"
onmouseover="javascript:montre('smenu5');"
onmouseout="javascript:montre('');">
<ul style="height: 14px;">
<li><a
href="../monsiteWeb/photos.html"><small>Tahiti
</small></a></li>
<li><a
href="../monsiteWeb/photos.html"><small>Morea
</small></a></li>
<li><a
href="../monsiteWeb/voyages.html"><small>Bora-Bora
</small></a></li>
</ul>
</dd>
</dl>
</div>
</body>
</ht


merci pour ton aide.

zette

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)
Haut
zette
Gecko
Messages : 78
Inscription : 01 nov. 2006, 21:25

liste deroulante

Message par zette »

voici une précision : erreur sur W3C

-line4 Column 9 : required attribute "TYPE" not specified
<script><endnote><head>

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)
Haut
jpbardiau
Tyrannosaurus Rex
Messages : 2709
Inscription : 05 avr. 2004, 17:34

Message par jpbardiau »

myahoo a écrit :(si tu n'as rien mis en ligne hé bé... c'est étonnant que Validator réussisse à analyser un fichier qui est sur ton ordinateur :D)
Non ce n'est pas étonnant :

Image

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1) Gecko/20061010 Firefox/2.0
JP
Image
Image
Haut
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Re: liste deroulante

Message par Ymai »

zette a écrit :...
<head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
<script><endnote><head>
......
Heuuuu....?????
Ben zut alors. NVU/KpZ permet de mettre n'importe quoi entre <script> et </script> ?
Quelle est l'origine de ce délire balise-tique?
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Haut
zette
Gecko
Messages : 78
Inscription : 01 nov. 2006, 21:25

liste déroulante

Message par zette »

c'est ce que j'aimerais savoir. Alors voilà, j'ai tout supprimé, je n'ai pas de problèmes suite à cette suppression, mais ce n'est pas ça qui nous explique pourquoi ce code idiot ?

J'aurais aimé changer la couleur des cadres "menus" mais je n'y arrive pas et comme vous avez le code complet, peut-être que quelqu'un pourrait m'aider ?

Merci

a plus
zette

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)
Haut
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Message par Ymai »

Alors, mettre une couleur de fond à
#menu li

Code : Tout sélectionner

#menu li {
text-align: center;
background: yellow;
}
mettre une couleur de fond à
#menu li a:hover, #menu dt a:hover

Code : Tout sélectionner

#menu li a:hover, #menu dt a:hover {
  background-attachment: scroll;
  background-color: green;
}
Choisir avec plus de goût que moi ;o)
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Haut
zette
Gecko
Messages : 78
Inscription : 01 nov. 2006, 21:25

liste deroulante

Message par zette »

Merci Ymai pour ces renseignements.
:D

zette

Message envoyé avec : Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 2.0.50727)
Haut
Répondre

Revenir à « Kompozer et Nvu »

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités