Aide pour mon menu !!
Modérateur : chinon37
Aide pour mon menu !!
Bonjour
J'utilise depuis maintenant 2 ans de Kompozer pour faire le site de mon travail j'ai un gros soucis avec mon menu il y a des br qui s'incruste de partout je les lève mais dés que je fais enregistrer çà revient , ça fait 1 mois que je me bats avec que dois je faire je vous mets le code si quelqu'un peut m'aider
Merci
<html>
<head>
<script><head>
<script><head>
<style></style>
<script></script>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>menu horizontal (alsacreation)</title>
<meta content="cédric" name="author">
<style type="text/css" media="screen"><!-- 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; /* Menu position that can be changed at will */
top: 0;
left: 0;
z-index:100;
width: 100%; /* precision for Opera */
}
#menu dl {
float: left;
width: 12em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
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 li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
}
#site {
position: absolute;
z-index: 1;
top : 25px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; }
-->
</style>
</head>
<body
style="direction: ltr; color: rgb(51, 51, 255); background-color: rgb(255, 255, 255); background-image: url(../Groupe%20scolaire%20des%20Alyscamps/trame.gif);"
alink="#3333ff" link="#3333ff" vlink="#3333ff">
<script type="text/javascript">
<!--
window.onload=show;
function show(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><br>
<
<div id="menu">
<dl>
</dl>
</div>
<div
style="margin-right: auto; margin-left: auto; position: relative; width: 941px;"
id="menu">
<dl style="font-weight: bold; color: rgb(51, 51, 255);">
<dt style="margin-left: 0px; width: 152px; height: 16px;"
onmouseover="javascript:show('smenu1');">PRESENTATION</dt>
<dd id="smenu1" onmouseover="javascript:show('smenu1');"
onmouseout="javascript:show('');">
<ul>
<li><a href="notre%20ecole.html">Ecole</a><br>
</li>
<li><a href="le%20reglement.html">Le réglement</a><br>
<br>
<br>
<br>
</li>
<li><a href="Les%20vacances.html">Les vacances</a><br>
<br>
<br>
<br>
</li>
<li><a href="LES%20PHOTOS.html">Photos</a><br>
<br>
<br>
<br>
</li>
</ul>
<br>
<br>
<br>
</dd>
</dl>
<dl>
<dt style="height: 16px;" onmouseover="javascript:show('smenu2');">Les
Petits Grands</dt>
<dd id="smenu2" onmouseover="javascript:show('smenu2');"
onmouseout="javascript:show('');">
<ul>
<li><a href="La%20Classe.html">La Classe</a> <br>
<br>
<br>
<br>
</li>
<li><a href="Le%20Travail.html">Le travail</a> <br>
<br>
<br>
<br>
</li>
<li><a href="La%20Motricite.html">La Motricité</a> <br>
<br>
<br>
<br>
</li>
<li><a href="Les%20comptines.html">Comptines</a> <br>
<br>
<br>
<br>
</li>
</ul>
<br>
<br>
<br>
</dd>
</dl>
<dl>
<dt style="margin-left: 0px; width: 162px;"
onmouseover="javascript:show('smenu3');">Les Moyens</dt>
<dd id="smenu3" onmouseover="javascript:show('smenu3');"
onmouseout="javascript:show('');">
<ul>
<li><a href="La%20Classe.html">La Classe</a> <br>
<br>
<br>
<br>
</li>
<li><a href="Le%20Travail.html">Le Travail</a> <br>
<br>
<br>
<br>
</li>
<li><a href="La%20Motricite.html">La Motricité</a> <br>
<br>
<br>
<br>
</li>
<li><a href="Comptines">Les comptines</a> <br>
<br>
<br>
<br>
</li>
</ul>
<br>
<br>
<br>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:show('smenu4');">Activités</dt>
<dd id="smenu4" onmouseover="javascript:show('smenu4');"
onmouseout="javascript:show('');">
<ul>
<li><a href="#">sub-menu 3.1</a><br>
<br>
<br>
<br>
<br>
</li>
<li><a href="#">sub-menu 3.2</a><br>
<br>
<br>
<br>
<br>
</li>
<li><a href="#">sub-menu 3.3</a><br>
<br>
<br>
<br>
<br>
</li>
<li><a href="#">sub-menu 3.4</a><br>
<br>
<br>
<br>
</li>
</ul>
<br>
<br>
<br>
</dd>
</dl>
<dl>
<dt style="margin-left: 0px; width: 155px;"
onmouseover="javascript:show('smenu5');">Menu5</dt>
<dd id="smenu5" onmouseover="javascript:show('smenu');"
onmouseout="javascript:show('');">
<ul>
<li><a href="#">sub-menu 4.1</a><br>
<br>
<br>
<br>
</li>
<li><a href="#">sub-menu 4.2</a><br>
<br>
<br>
<br>
</li>
<li><a href="#">sub-menu 4.3</a><br>
<br>
<br>
<br>
</li>
<li><a href="#">sub-menu 4.4</a><br>
<br>
<br>
<br>
</li>
<li><a href="#">sub-menu 4.5</a><br>
<br>
<br>
<br>
</li>
</ul>
<br>
<br>
<br>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:show('smenu6');">Menu 6</dt>
<dd id="smenu6" onmouseover="javascript:show('smenu6');"
onmouseout="javascript:show('');">
<ul>
<li><a href="#">sub-menu 5.1</a><br>
<br>
<br>
</li>
<li><a href="#">sub-menu 4.2</a><br>
<br>
<br>
</li>
<li><a href="#">sub-menu 5.3</a><br>
<br>
<br>
</li>
</ul>
<br>
<br>
<br>
<br>
</dd>
</dl>
<br>
</div>
</body>
</html>
J'utilise depuis maintenant 2 ans de Kompozer pour faire le site de mon travail j'ai un gros soucis avec mon menu il y a des br qui s'incruste de partout je les lève mais dés que je fais enregistrer çà revient , ça fait 1 mois que je me bats avec que dois je faire je vous mets le code si quelqu'un peut m'aider
Merci
<html>
<head>
<script><head>
<script><head>
<style></style>
<script></script>
<meta content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
<title>menu horizontal (alsacreation)</title>
<meta content="cédric" name="author">
<style type="text/css" media="screen"><!-- 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; /* Menu position that can be changed at will */
top: 0;
left: 0;
z-index:100;
width: 100%; /* precision for Opera */
}
#menu dl {
float: left;
width: 12em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
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 li a:focus, #menu dt a:hover, #menu dt a:focus {
background: #eee;
}
#site {
position: absolute;
z-index: 1;
top : 25px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray; }
-->
</style>
</head>
<body
style="direction: ltr; color: rgb(51, 51, 255); background-color: rgb(255, 255, 255); background-image: url(../Groupe%20scolaire%20des%20Alyscamps/trame.gif);"
alink="#3333ff" link="#3333ff" vlink="#3333ff">
<script type="text/javascript">
<!--
window.onload=show;
function show(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><br>
<
<div id="menu">
<dl>
</dl>
</div>
<div
style="margin-right: auto; margin-left: auto; position: relative; width: 941px;"
id="menu">
<dl style="font-weight: bold; color: rgb(51, 51, 255);">
<dt style="margin-left: 0px; width: 152px; height: 16px;"
onmouseover="javascript:show('smenu1');">PRESENTATION</dt>
<dd id="smenu1" onmouseover="javascript:show('smenu1');"
onmouseout="javascript:show('');">
<ul>
<li><a href="notre%20ecole.html">Ecole</a><br>
</li>
<li><a href="le%20reglement.html">Le réglement</a><br>
<br>
<br>
<br>
</li>
<li><a href="Les%20vacances.html">Les vacances</a><br>
<br>
<br>
<br>
</li>
<li><a href="LES%20PHOTOS.html">Photos</a><br>
<br>
<br>
<br>
</li>
</ul>
<br>
<br>
<br>
</dd>
</dl>
<dl>
<dt style="height: 16px;" onmouseover="javascript:show('smenu2');">Les
Petits Grands</dt>
<dd id="smenu2" onmouseover="javascript:show('smenu2');"
onmouseout="javascript:show('');">
<ul>
<li><a href="La%20Classe.html">La Classe</a> <br>
<br>
<br>
<br>
</li>
<li><a href="Le%20Travail.html">Le travail</a> <br>
<br>
<br>
<br>
</li>
<li><a href="La%20Motricite.html">La Motricité</a> <br>
<br>
<br>
<br>
</li>
<li><a href="Les%20comptines.html">Comptines</a> <br>
<br>
<br>
<br>
</li>
</ul>
<br>
<br>
<br>
</dd>
</dl>
<dl>
<dt style="margin-left: 0px; width: 162px;"
onmouseover="javascript:show('smenu3');">Les Moyens</dt>
<dd id="smenu3" onmouseover="javascript:show('smenu3');"
onmouseout="javascript:show('');">
<ul>
<li><a href="La%20Classe.html">La Classe</a> <br>
<br>
<br>
<br>
</li>
<li><a href="Le%20Travail.html">Le Travail</a> <br>
<br>
<br>
<br>
</li>
<li><a href="La%20Motricite.html">La Motricité</a> <br>
<br>
<br>
<br>
</li>
<li><a href="Comptines">Les comptines</a> <br>
<br>
<br>
<br>
</li>
</ul>
<br>
<br>
<br>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:show('smenu4');">Activités</dt>
<dd id="smenu4" onmouseover="javascript:show('smenu4');"
onmouseout="javascript:show('');">
<ul>
<li><a href="#">sub-menu 3.1</a><br>
<br>
<br>
<br>
<br>
</li>
<li><a href="#">sub-menu 3.2</a><br>
<br>
<br>
<br>
<br>
</li>
<li><a href="#">sub-menu 3.3</a><br>
<br>
<br>
<br>
<br>
</li>
<li><a href="#">sub-menu 3.4</a><br>
<br>
<br>
<br>
</li>
</ul>
<br>
<br>
<br>
</dd>
</dl>
<dl>
<dt style="margin-left: 0px; width: 155px;"
onmouseover="javascript:show('smenu5');">Menu5</dt>
<dd id="smenu5" onmouseover="javascript:show('smenu');"
onmouseout="javascript:show('');">
<ul>
<li><a href="#">sub-menu 4.1</a><br>
<br>
<br>
<br>
</li>
<li><a href="#">sub-menu 4.2</a><br>
<br>
<br>
<br>
</li>
<li><a href="#">sub-menu 4.3</a><br>
<br>
<br>
<br>
</li>
<li><a href="#">sub-menu 4.4</a><br>
<br>
<br>
<br>
</li>
<li><a href="#">sub-menu 4.5</a><br>
<br>
<br>
<br>
</li>
</ul>
<br>
<br>
<br>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:show('smenu6');">Menu 6</dt>
<dd id="smenu6" onmouseover="javascript:show('smenu6');"
onmouseout="javascript:show('');">
<ul>
<li><a href="#">sub-menu 5.1</a><br>
<br>
<br>
</li>
<li><a href="#">sub-menu 4.2</a><br>
<br>
<br>
</li>
<li><a href="#">sub-menu 5.3</a><br>
<br>
<br>
</li>
</ul>
<br>
<br>
<br>
<br>
</dd>
</dl>
<br>
</div>
</body>
</html>
Re: Aide pour mon menu !!
Bonjour
Je crains qu'il n'y ait pas de solutions avec Kompozer :
Voir ce post : http://www.geckozone.org/forum/viewtopi ... A9#p607296
Je crains qu'il n'y ait pas de solutions avec Kompozer :
Voir ce post : http://www.geckozone.org/forum/viewtopi ... A9#p607296
Re: Aide pour mon menu !!
Que dosi je faire ? supprimer mon site ???
Re: Aide pour mon menu !!
Bonjour
Mais je suis d'accord: c'est un bug énervant.
Je conseillerais d'ouvrir le document HTML correspondant avec un éditeur de textes externe de type NotePad++ et de faire supprimer tous ces <br> surnuméraires en faisant une recherche/remplacement de toutes les occurrences.footeuse a écrit :Que dosi je faire ? supprimer mon site ???
Mais je suis d'accord: c'est un bug énervant.
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Re: Aide pour mon menu !!
Merci je l'ai fait et pour ma page d'accueil j'utilise NOTEPAD ++ par contre pour le reste je continue avec Kompozer plus simple pour la mise en place des photos, vidéo.. dommage qu'avec Notepad on ne peut pas faire la mm chose qu'avec Kompozer
Re: Aide pour mon menu !!
À chacun sa spécialité... KompoZer reste un bon logiciel pour créer une page HTML valide sans rien connaître au code. Là, Np++ est une excellente béquille en cas de dérapage du précédent.footeuse a écrit :Merci je l'ai fait et pour ma page d'accueil j'utilise NOTEPAD ++ par contre pour le reste je continue avec Kompozer plus simple pour la mise en place des photos, vidéo.. dommage qu'avec Notepad on ne peut pas faire la mm chose qu'avec Kompozer
ymai
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
« Un enfant de cinq ans comprendrait cela ! Allez me chercher un enfant de cinq ans ! »
Groucho Marx.
Qui est en ligne ?
Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 2 invités