Geckozone

Forums d'assistance et de discussion sur les logiciels produits par Mozilla ou créés à partir des technologies Mozilla. Ce site ne dépend pas de la fondation Mozilla et est maintenu par un collectif de bénévoles.
https://forums.mozfr.org/

liste deroulante

https://forums.mozfr.org/viewtopic.php?t=48657

Page 1 sur 1

liste deroulante

Publié : 08 déc. 2006, 13:47
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)

Publié : 08 déc. 2006, 14:19
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

liste deroulante

Publié : 08 déc. 2006, 16:37
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)

liste deroulante

Publié : 08 déc. 2006, 17:20
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)

Publié : 08 déc. 2006, 17:45
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

Re: liste deroulante

Publié : 08 déc. 2006, 18:35
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?

liste déroulante

Publié : 08 déc. 2006, 19:39
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)

Publié : 08 déc. 2006, 20:30
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)

liste deroulante

Publié : 08 déc. 2006, 21:05
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)
Fuseau horaire sur UTC+02:00
Page 1 sur 1

Développé par phpBB® Forum Software © phpBB Limited

Traduction française officielle © Qiaeru