ie ne reconnait plus labarre de nav

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

denisp
Arias
Messages : 5
Inscription : 03 août 2007, 11:49

ie ne reconnait plus labarre de nav

Message par denisp »

Bonjour
Mon site fonctionnait aussi bien sur firefox que sur ie. J'ai procédé au nettoyage des balises et depuis la barre de nav ne s'affiche plus sur ie. Que se passe-t-il ? Que dois-je faire ?
Voici l'url : http://elem.marignac.free.fr
et le code de la page d'index :

Code : Tout sélectionner

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html><head>
<style type="text/css">
.c1{background-color:white;color:black;font-size:48pt}
.c2{background-color:white;color:blue;font-size:48pt} <!-- background-color:red -->
<!-- .c3{background-color:chartreuse;color:purple;font-size:48pt} -->
<!-- .c4{background-color:pink;color:yellow;font-size:48pt} -->
  </style>
<script language="Javascript">
var n = 1;
var max = 2; <!-- 4 -->
var vitesse = 25;
function flash()
{
if(n != max){n++}else{n = 1};
document.getElementById("bloc_texte").className = "c"+n;
setTimeout("flash()",vitesse)
}
window.onload = flash;
  </script>
<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>
<input>
<script><endnote><head>
<style type="text/css">
.c1{background-color:white;color:black;font-size:48pt}
.c2{background-color:white;color:blue;font-size:48pt} <!-- background-color:red -->
<!-- .c3{background-color:chartreuse;color:purple;font-size:48pt} -->
<!-- .c4{background-color:pink;color:yellow;font-size:48pt} -->
</style>
<script language="Javascript">
var n = 1;
var max = 2; <!-- 4 -->
var vitesse = 25;
function flash()
{
if(n != max){n++}else{n = 1};
document.getElementById("bloc_texte").className = "c"+n;
setTimeout("flash()",vitesse)
}
window.onload = flash;
  </script>
<title>index</title><script>
<!--
<endnote><head>
<title>index</title>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
</head>
<table style="width: 795px; height: 2123px;"
align="center" border="1">
<tbody>
<tr>
<td colspan="3"
bgcolor="#cccccc" height="292">
<div align="left">
<p align="center"><font
color="#000000" size="7"><font
size="+4">Ecole
&eacute;l&eacute;mentaire
MARIGNAC</font></font></p>
<p align="center"><font
size="+4">Hameau de Mont&egrave;ze</font></p>
<p align="center"><font
size="+4">30380 SAINT-CHRISTOL-LEZ-ALES </font></p>
<script language="JavaScript">
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
//-->
  </script>
<style type="text/css">
<!--
.Style4 {
font-family: "Juice ITC";
font-size: medium;
font-weight: bold;
}
.Style5 {
font-family: "Juice ITC";
font-weight: bold;
font-size: xx-large;
}
-->
  </style></head>
<body><table
 style="width: 776px; height: 988px; text-align: left; margin-left: auto; margin-right: auto;"
 border="0"> <tbody> <tr align="center">
<td style="background-color: rgb(255, 255, 51);" colspan="4"
 rowspan="1"><big><big><big><big><span
 style="font-family: Acquaintance;"><br>
ECOLE ELEMENTAIRE MARIGNAC <br><br></span></big></big><span
 style="font-family: Acquaintance;">HAMEAU
DE MONTEZE <br><br> </span><span
 style="font-family: Acquaintance;">30380&nbsp;
SAINT-CHRISTOL-LEZ-ALES<br> <br> <img
 style="width: 237px; height: 166px;" alt=""
 src="ressources/IMAGE/paysage.jpg"><br> <br> <center>
<div style="margin-left: 104px; width: 405px;" id="bloc_texte"
 class="c1"><small style="font-family: Alien League;"><small><small><span
 style="font-family: Amandine;">Clara,
courage ! </span> <span style="font-family: Amandine;"><br>Nous
te faisons un gros bisou <br>
et nous t'attendons !</span> </small></small></small>
</div> </center> <br> <br> <small><span
 style="font-family: Courier New,Courier,monospace; font-weight: bold;">SITE
MIS A JOUR LE 6 AOUT 2007</span></small> </span></big></big><span
 style="font-weight: bold;"><br> <a
 name="haut_de_page"></a> </span></td> </tr>
<tr> <td
 style="width: 119px; vertical-align: top; height: 584px; font-family: Kristen ITC; text-align: center; background-color: rgb(255, 255, 153);"
 colspan="1" bordercolor="#000000">&nbsp; <small><span
 style="font-family: Acadian; font-weight: bold;">ACCUEIL<a
 href="index.html"><img
 style="border: 0px solid ; width: 14px; height: 14px;" alt=""
 src="ressources/SCRIPTS/bouton_accueil_007.gif"></a></span></small><br>
<hr style="width: 100%; height: 2px;"> <br> <center>
<script language="JavaScript" src="ejs_menu_dyn_vert.js"></script><br>
<br> <br> <br> <div style="text-align: center;"></div>
</center> </td> <td
 style="width: 555px; vertical-align: top; background-color: rgb(255, 255, 255);">
<div style="text-align: center;"><big
 style="color: rgb(255, 0, 0);"><big
 style="font-weight: bold;"><big><small><small><small>
</small></small></small></big></big></big></div>
<div style="text-align: center;"><big><big
 style="font-family: Another;"><big><span
 style="font-weight: bold;"></span></big></big></big>
<p style="font-family: Another; color: rgb(255, 0, 0);"
 class="MsoNormal"><big><big><big><big>La
rentrée scolaire aura lieu </big></big></big></big></p>
<p style="font-family: Another; color: rgb(255, 0, 0);"
 class="MsoNormal"><big><big><big><big>le
jeudi 30 août à 8H20. </big></big></big></big></p>
<p style="font-family: Another; color: rgb(255, 0, 0);"
 class="MsoNormal"></p> <hr
 style="width: 100%; height: 2px;"><big
 style="font-family: Another; color: rgb(0, 102, 0);"><big>Il
faut attendre la veille de la rentrée&nbsp; pour
déterminer précisément quelle sera
l’organisation pédagogique de
l’école. Vus
les effectifs actuels, la classe de CM1/CM2 ne sera peut être
pas le seul cours
double.</big></big> <hr
 style="width: 100%; height: 2px;"> <p
 style="font-family: Another;" class="MsoNormal"><o:p>&nbsp;</o:p></p>
<p class="MsoNormal"
 style="text-indent: -18pt; margin-left: 0px; width: 551px;"><b><u><span
 style="font-size: 18pt; font-family: Arial; color: rgb(102, 0, 0);">Les
dernières
inscriptions pourront être faites les&nbsp;:</span></u></b></p>
<p class="MsoNormal"
 style="text-indent: -18pt; margin-left: 2px; width: 553px;"><b><u><span
 style="font-size: 18pt; font-family: Arial; color: rgb(102, 0, 0);"></span></u></b><br>
<span
 style="font-size: 18pt; font-family: Arial; color: rgb(102, 0, 0);"><span
 style="font-size-adjust: none; font-stretch: normal;"><!--<img src="chrome://editor/content/images/tag-comment.gif"><!--[if !supportLists]--></span>Samedi
25 août </span></p> <p class="MsoNormal"
 style="text-indent: -18pt; margin-left: 1px; width: 554px;"><span
 style="font-size: 18pt; font-family: Arial; color: rgb(102, 0, 0);"></span><span
 style="font-family: Arial; color: rgb(102, 0, 0);"><o:p></o:p></span><span
 style="font-size: 18pt; font-family: Arial; color: rgb(102, 0, 0);"><small
 style="font-style: italic;">de 9H00 à 11H00</small></span></p>
<p class="MsoNormal"
 style="margin-left: 36pt; text-indent: -18pt;"><small><small><small><small><small><span
 style="font-size: 18pt; font-family: Arial; color: rgb(102, 0, 0);"></span></small></small></small></small></small><span
 style="font-family: Arial; color: rgb(102, 0, 0);"><o:p></o:p></span></p>
<p class="MsoNormal"
 style="margin-left: 36pt; text-indent: -18pt;"><span
 style="font-family: Arial; color: rgb(102, 0, 0);"><o:p>&nbsp;</o:p></span></p>
<p class="MsoNormal"
 style="text-indent: -18pt; margin-left: 1px; width: 554px;"><span
 style="font-size: 18pt; font-family: Arial; color: rgb(102, 0, 0);"><span
 style="font-size-adjust: none; font-stretch: normal;"><!--<img src="chrome://editor/content/images/tag-comment.gif"><!--[if !supportLists]--></span>Lundi
27 août et mardi 28 août</span></p> <p class="MsoNormal"
 style="text-indent: -18pt; margin-left: 1px; width: 554px;"><span
 style="font-size: 18pt; font-family: Arial; color: rgb(102, 0, 0); font-style: italic;"><small>de
9H00 à 11H00 et de 14H00 à 16H00</small></span><span
 style="font-size: 18pt; font-family: Arial; color: rgb(102, 0, 0);">
</span><span style="font-family: Arial; color: rgb(102, 0, 0);"><o:p></o:p></span></p>
<p class="MsoNormal"
 style="text-indent: -18pt; margin-left: 1px; width: 554px;"><small><small><small><small><span
 style="font-size: 18pt; font-family: Arial; color: rgb(102, 0, 0);"></span></small></small></small></small><span
 style="font-family: Arial; color: rgb(102, 0, 0);"><o:p></o:p></span></p>
<p class="MsoNormal" style=""><span
 style="font-size: 18pt; font-family: Arial; color: rgb(102, 0, 0);"><u1:p>&nbsp;</u1:p></span><span
 style="font-family: Arial; color: rgb(102, 0, 0);"><o:p></o:p></span></p>
<p class="MsoNormal" style=""><span
 style="font-size: 18pt; font-family: Arial; color: rgb(102, 0, 0);">Un
fléchage pour
accéder au bureau sera mis en place.</span><span
 style="font-family: Arial; color: rgb(102, 0, 0);"><o:p></o:p></span></p>
<p class="MsoNormal" style=""><span
 style="font-size: 18pt; font-family: Arial; color: rgb(102, 0, 0);"><u1:p>&nbsp;</u1:p></span><span
 style="font-family: Arial; color: rgb(102, 0, 0);"><o:p></o:p></span></p>
<p class="MsoNormal" style=""><u><span
 style="font-size: 18pt; font-family: Arial; color: rgb(102, 0, 0);">N’oubliez
pas d’apporter&nbsp;:</span></u><u><span
 style="font-family: Arial; color: rgb(102, 0, 0);"><o:p></o:p></span></u></p>
<p class="MsoNormal"
 style="margin-left: 36pt; text-indent: -18pt;"><span
 style="font-size: 18pt; font-family: Arial; color: rgb(102, 0, 0);"><span
 style="font-size-adjust: none; font-stretch: normal;"><!--<img src="chrome://editor/content/images/tag-comment.gif"><!--[if !supportLists]--></span>le
livret de famille</span><span
 style="font-family: Arial; color: rgb(102, 0, 0);"><o:p></o:p></span></p>
<p class="MsoNormal"
 style="margin-left: 36pt; text-indent: -18pt;"><span
 style="font-size: 18pt; font-family: Arial; color: rgb(102, 0, 0);"><span
 style="font-size-adjust: none; font-stretch: normal;"><!--<img src="chrome://editor/content/images/tag-comment.gif"><!--[if !supportLists]--></span>le
carnet de santé</span><span
 style="font-family: Arial; color: rgb(102, 0, 0);"><o:p></o:p></span></p>
<p class="MsoNormal"
 style="margin-left: 36pt; text-indent: -18pt;"><span
 style="font-size: 18pt; font-family: Arial; color: rgb(102, 0, 0);"><!--<img src="chrome://editor/content/images/tag-comment.gif"><!--[if !supportLists]-->un
justificatif de domicile</span><span
 style="font-family: Arial; color: rgb(102, 0, 0);"><o:p></o:p></span></p>
<p class="MsoNormal"
 style="margin-left: 36pt; text-indent: -18pt;"><span
 style="font-size: 18pt; font-family: Arial; color: rgb(102, 0, 0);"><!--<img src="chrome://editor/content/images/tag-comment.gif"><!--[if !supportLists]-->le
certificat de radiation de la précédente
école</span><span
 style="font-family: Arial; color: rgb(102, 0, 0);"><o:p></o:p></span></p>
<hr style="width: 100%; height: 2px;"> <p
 class="MsoNormal"
 style="margin-left: 36pt; text-indent: -18pt; font-family: Acquaintance; color: rgb(102, 0, 0);"><big><big><span
 style="font-family: Another;" dir="ltr"></span></big></big></p>
<p style="font-family: Acquaintance;" class="MsoNormal"><o:p>&nbsp;</o:p></p>
<p style="font-family: Another; color: rgb(255, 0, 0);"
 class="MsoNormal"><big><big><big><big>En
attendant la rentrée, </big></big></big></big></p>
<p style="font-family: Another; color: rgb(255, 0, 0);"
 class="MsoNormal"><big><big><big><big>bonnes
fins de vacances&nbsp;!</big></big></big></big></p>
<br> <big><big style="font-family: Another;"><big><span
 style="font-weight: bold;"></span></big></big></big></div>
<p class="MsoNormal" style="margin-left: 144pt;"></p>
<hr style="width: 100%; height: 2px;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<br> </td> <td colspan="1"
 style="height: 68px; width: 88px; background-color: rgb(204, 153, 51); vertical-align: top; text-align: center;"><span
 style="font-family: ALIBI;"><br> <a
 href="http://mairie30380.free.fr/"><span
 style="font-family: Adler;">Mairie</span></a></span><br>
<br> <a href="http://perso.orange.fr/ape.marignac/"><span
 style="font-family: Adler;">APE</span></a></td>
<td></td> </tr> <tr bordercolor="#000000">
<td colspan="3" height="60"> <div
 style="text-align: center;"></div> <table
 style="width: 99%;" border="0" bordercolor="#000000">
<tbody> <tr> <td
 style="vertical-align: middle; text-align: center;"> <div
 style="text-align: center;">&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a
 href="#haut_de_page"><img
 style="border: 0px solid ; width: 16px; height: 14px;" alt=""
 src="ressources/SCRIPTS/fleche_024.gif"></a>&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp;&nbsp; </div> <p class="MsoNormal"
 style="margin-left: 144pt; text-align: left;">&nbsp;&nbsp;&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp;&nbsp; &nbsp; <span style="font-family: Adler;">Retour
en haut
de la page</span></p> <p class="MsoNormal"
 style="margin-left: 144pt; text-align: left;"><span
 style="font-family: Adler;"></span></p> </td>
</tr> <tr> <td bgcolor="#00ff99" height="34">
<div align="center"><font size="+1"><strong>Ce
site a été créé le 2
février 2007 par les élèves de
CM2.</strong></font></div> </td> </tr> <tr
 align="center"> </tr> </tbody> </table>
</td> <td></td> </tr> </tbody>
</table>&nbsp;
<script language="JavaScript1.2">/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
function ejs_nodroit()
{
alert('Clic droit interdit');
return(false);
}
document.oncontextmenu = ejs_nodroit; </script></body></html>
MERCI D'AVANCE

Denisp

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6
Ymai
Tyrannosaurus Rex
Messages : 4220
Inscription : 12 mars 2005, 11:36

Message par Ymai »

Bonjour
Était-ce un nettoyage ou une bonne grosse salade? :D
Il me semble que ce code contient pas mal d'élément curieux.

Code : Tout sélectionner

<script><endnote><head> 
répété plusieurs fois
On ne voit pas bien où commence le corps de la page (<body>). Celui que je vois est précédé de balises HTML...
Les mêmes directives de style sont reprises deux fois.
Des portions du code sont mises en commentaires...
Je serais presque étonné que ce code puisse donner quelque chose dans un navigateur.
Il aurait été passé dans une moulinette?
Je me demande si le plus simple ne serait pas de retrouver le code "avant nettoyage".

[HS]Apparemment, les élèves qui ont créé la page n'ont pas dû travailler avec KompoZer. L'idée me paraîtrait d'ailleurs osée en CM2.
Il semble y avoir du Word là-dessous. OpenOffice ne serait-il pas plus approprié?
Je pense tenter l'expérience Ooo avec des élèves de niveau "Collège" cette année.[/HS]


Message envoyé avec : Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.6) Gecko/20061201 Firefox/2.0.0.6 (Ubuntu-feisty)
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

C'est quasi pareil qu'avant :
http://www.geckozone.org/forum/viewtopi ... 7bf16d673c
Il y a toujours de la soupe de javascript :

Code : Tout sélectionner

<script language="Javascript">
var n = 1;
var max = 2; <!-- 4 -->
var vitesse = 25;
function flash()
{
if(n != max){n++}else{n = 1};
document.getElementById("bloc_texte").className = "c"+n;
setTimeout("flash()",vitesse)
}
window.onload = flash;
  </script>
  <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>
<input>
<script><endnote><head>
<style type="text/css">
.c1{background-color:white;color:black;font-size:48pt}
.c2{background-color:white;color:blue;font-size:48pt} <!-- background-color:red -->
<!-- .c3{background-color:chartreuse;color:purple;font-size:48pt} -->
<!-- .c4{background-color:pink;color:yellow;font-size:48pt} -->
</style>
<script language="Javascript">
var n = 1;
var max = 2; <!-- 4 -->
var vitesse = 25;
function flash()
{
J'ai toujours : HTML validator : " this is due to wrong javascript",
et les vestiges émouvants d'une ancienne influence Microsoft qui nourrit les commentaires des anciens sur la place du village, sous le baobab :

Code : Tout sélectionner

class="MsoNormal" (multiplié par 20)
les fameuses tabulations supposées régler les questions de positionnement des éléments :

Code : Tout sélectionner

&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp;&nbsp; 
Il faut absolument que tu reprennes le conseil de chinon37 du précédent post, sinon tu n'y arriveras jamais :
mettre la page à la poubelle et tout reprendre avec Kompozer serait une excellente initiative Clin d'oeil Clin d'oeil
Avec un menu simple sans javascript, c'est l'histoire de 2 à 3 heures maximum et un code propre qui se lira bien.
Franchement, repars de 0 en faisant le plan visuel sur une feuille de papier, reprends à partir d'une page vierge, Nouveau/"DTD stricte" décoché pour faire du Transitionnel comme tu ne contrôles pas trés bien et voilà!
denisp a écrit :J'ai procédé au nettoyage des balises
:shock: Si c'est ça que t'appeles "nettoyer" euh... Vaut mieux que tu nettoies plus rien, vire tout, franchement! :shock:
Le forum sera toujours là pour répondre aux questions lors de ton nouveau départ avec Kompozer seul et sans Microsoft et sans Javascript (pour ce dernier, du moins dans un 1er temps). Bon courage :wink: .





Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
denisp
Arias
Messages : 5
Inscription : 03 août 2007, 11:49

Message par denisp »

HELP !
Je desespère !!
J'ai dont courageusement attaqué l'étude du tutoriel que tu m'as conseillé (http://info.sio2.be/kpz/) pour reconstruire le site à zéro et tout allait bien jusqu'à la question du menu. Ne trouvant pas la rubrique dans le tutoriel, j'ai essayé de téléchargé des menus sur des sites (tous en javascript...). Cela fonctionne parfaitement avec ie mais pas avec firefox car les liens s'affichent bien mais sur le menu lui-même et pas à côté.
Ci -dessous le code de la nouvelle page et plus bas le script du menu en question.
Peux-tu ou quelqu'un peut-il m'aider encore un peu ?
MERCI

LE CODE PAGE :
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head><meta
content="text/html; charset=ISO-8859-1"
http-equiv="content-type"><title>mise en page CSS</title><style
type="text/css">
h1 {
color: blue;
font-size: 1cm;
margin-top: 0px;
margin-bottom: 0px;
}
h2 {
margin-top: 0;
margin-bottom: 0;
color: #ff0000;
font-size: 22px;
font-weight: bold;
font-family: Agency FB;
}
#conteneur {
border-color: #cccccc;
border-width: 1px;
margin-top: 5%;
width: 90%;
background-color: transparent;
}
#entete {
border-top: 1px solid #000000;
border-bottom: 1px solid #000000;
width: 100%;
font-size: 20px;
font-family: Acquaintance;
color: #000000;
background-color: #ffff33;
}
#menu {
border-color: #cccccc #cccccc #000000;
border-width: 1px;
border-bottom: 1px solid #000000;
background-color: #ffffcc;
float: left;
width: 100%;
}
#titre {
text-align: center;
}
#contenu {
font-family: Agency FB;
font-size: 16px;
}
#retour {
border-color: #000000 #c0c0c0 #c0c0c0;
border-width: 1px;
border-top: 1px solid #000000;
clear: left;
font-family: Alexandria;
background-color: #99ff99;
}
#pied {
border-style: solid none;
border-color: #000000;
border-width: 1px;
width: 100%;
background-color: #33cc00;
clear: left;
font-family: Agency FB;
}
#img {
float: left;
margin-right: 20px;
}
</style></head>
<body><div id="conteneur"><br><div
style="width: 655px; text-align: center; color: rgb(0, 0, 0);"
id="entete"><h1
style="color: rgb(0, 0, 0); font-weight: normal;"><br></h1><h1
style="color: rgb(0, 0, 0); font-weight: normal;">ECOLE
ELEMENTAIRE MARIGNAC</h1><span style="color: rgb(0, 0, 0);">Hameau
de Montèze</span><br><br style="color: rgb(0, 0, 0);"><span
style="color: rgb(0, 0, 0);">30380 &nbsp; SAINT CHRISTOL
LEZ ALES</span><br><br></div>
<script language="JavaScript" src="ejs_menu_dyn_vert.js"></script><div
style="width: 652px; text-align: center;" id="menu"><br></div><br><br><div
style="text-align: left;" id="titre"><h2
style="margin-left: 0px; width: 636px;">&nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</h2></div><br><br><div
style="text-align: center; width: 652px;" id="retour"><img
style="width: 16px; height: 14px;" alt=""
src="fleche_024.gif"><br>retour
haut de page</div>
<div style="width: 656px; text-align: center;" id="pied"><font
size="+1"><strong>Ce
site a été créé le 2
février 2007 par les élèves de
CM2.</strong></font></div></div></body></html>



ET LE SCRIPT :
bgcolor='#888888';
bgcolor2='#FFFFCC';
document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:15; left:99px ')
document.write('#topgauche { position:absolute; z-index:10; }')
document.write('A:hover.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('</style>')
document.write('<div style="position:relative;height:25"><DIV class=popper id=topdeck></DIV>');
/*
SCRIPT EDITE SUR L'EDITEUR JAVACSRIPT
http://www.editeurjavascript.com
*/

/*
LIENS
*/
zlien = new Array;
zlien[0] = new Array;
zlien[1] = new Array;
zlien[0][0] = '<A HREF="http://elem.marignac.free.fr/index.html" CLASS=ejsmenu>a</A>';
zlien[0][1] = '<A HREF="http://elem.marignac.free.fr/index.html" CLASS=ejsmenu>b</A>';
zlien[1][0] = '<A HREF="http://elem.marignac.free.fr/index.html" CLASS=ejsmenu>a</A>';
zlien[1][1] = '<A HREF="http://elem.marignac.free.fr/index.html" CLASS=ejsmenu>b</A>';
if(document.getElementById)
{
skn = document.getElementById("topdeck").style
skn.left = 99;
}

function pop(msg,pos)
{
skn.visibility = "hidden";
a=true
skn.top = pos;
var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=150><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1>";
pass = 0
while (pass < msg.length)
{
content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+bgcolor2+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=1 FACE=\"Verdana\">&nbsp;&nbsp;"+msg[pass]+"</FONT></TD></TR>";
pass++;
}
content += "</TABLE></TD></TR></TABLE>";
document.getElementById("topdeck").innerHTML = content;
skn.visibility = "visible";
}
function kill()
{
if(document.getElementById)
skn.visibility = "hidden";
}
document.onclick = kill;
if(document.getElementById)
{
document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=100 HEIGHT=40><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=40>')
document.write('<tr><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">1</FONT></TD></tr>')
document.write('<tr><TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[1],20)" onMouseOut="this.style.background=\''+bgcolor+'\'" CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">2</FONT></TD></tr>')
document.write('</TABLE></TD></TR></TABLE></DIV>')
}
document.write('</div>');

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.1.6) Gecko/20070725 Firefox/2.0.0.6
Mongo Bob
Varan
Messages : 1903
Inscription : 10 sept. 2005, 01:51

Message par Mongo Bob »

Je connais pas le javascript, d'ailleurs on t'avait dit que :
chinon37 a écrit :Avec un menu simple sans javascript, c'est l'histoire de 2 à 3 heures maximum et un code propre qui se lira bien.
et que :
MBob a écrit :Le forum sera toujours là pour répondre aux questions lors de ton nouveau départ avec Kompozer seul et sans Microsoft et sans Javascript
pourquoi tu te recoltines du javascript? Ma parole, c'est comme une drogue! :wink:
Essaie un forum JS pour t'aider, alors??? ou cherche l'aide là où tu as téléch tes scripts!
Tu as aussi le forum Développement web, qui pourrait t'aider, si tu es prêt à être pris de haut?
Mais encore une fois, pourquoi faire compliqué quand on débute?
Y'a aussi ça (sans js):
http://css.alsacreations.com/Constructi ... us-en-CSS/
Bon courage...
Win:Kpz version 0.7.10 (20070831)
Ubuntu:Kpz v 20090206
2 tutos :
http://josar.free.fr/index.html
http://info.sio2.be/kpz/
1 nécessité :
http://www.geckozone.org/forum/viewtopic.php?t=51228
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 1 invité