Page 1 sur 1

Aide pour mon menu !!

Publié : 29 juil. 2012, 14:37
par footeuse
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>

Re: Aide pour mon menu !!

Publié : 29 juil. 2012, 15:32
par infomamy
Bonjour
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 !!

Publié : 29 juil. 2012, 15:38
par footeuse
Que dosi je faire ? supprimer mon site ???

Re: Aide pour mon menu !!

Publié : 29 juil. 2012, 20:38
par Ymai
Bonjour
footeuse a écrit :Que dosi je faire ? supprimer mon site ???
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.
Mais je suis d'accord: c'est un bug énervant.

Re: Aide pour mon menu !!

Publié : 29 juil. 2012, 22:01
par footeuse
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 !!

Publié : 29 juil. 2012, 22:51
par Ymai
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
À 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.