Menu déroulant frontpage
dilispi
-
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
Dalida Messages postés 6728 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
Je suis toujours dans mes tentatives de creation d'un menu deroulant sous frontpage.
Dans un precedent post, on m'a conseillé ce site https://www.alsacreations.com/
j'ai reussi a partir de la page code source à creer le menu deroulant
mais maintenant comment changer...
la largeur des colonnes (j'ai 7 colonnes donc ca rentre pas)
la couleur des colonnes (passer du gris a bleu foncé)
le fait que ce menu se mette tout en haut (je dois mettre le logo et le nom du site au dessus)
je suppose que les changements a faire sont dans le code CSS au debut mais ou?
Merci de vos reponses
Je suis toujours dans mes tentatives de creation d'un menu deroulant sous frontpage.
Dans un precedent post, on m'a conseillé ce site https://www.alsacreations.com/
j'ai reussi a partir de la page code source à creer le menu deroulant
mais maintenant comment changer...
la largeur des colonnes (j'ai 7 colonnes donc ca rentre pas)
la couleur des colonnes (passer du gris a bleu foncé)
le fait que ce menu se mette tout en haut (je dois mettre le logo et le nom du site au dessus)
je suppose que les changements a faire sont dans le code CSS au debut mais ou?
Merci de vos reponses
A voir également:
- Menu déroulant frontpage
- Menu déroulant excel - Guide
- Frontpage - Télécharger - Divers Web & Internet
- Excel menu déroulant en cascade - Guide
- Menu déroulant google sheet - Accueil - Guide bureautique
- Supprimer menu déroulant excel - Forum Word
5 réponses
salut,
effectivement il faut modifier la CSS, mais comme nous ne savons pas ce que tu as codé…
…peux-tu nous montrer tes sources HTML/CSS, stp ?
ou nous donner un lien…
effectivement il faut modifier la CSS, mais comme nous ne savons pas ce que tu as codé…
…peux-tu nous montrer tes sources HTML/CSS, stp ?
ou nous donner un lien…
j'ai avancé depuis que j'avais posté ce message mais j'ai encore des petits soucis de fonctionnement...
j'ai reussi a changer la mise en forme, je m'approche de ce que je voulais
j'ai reussi a mettre mon titre en haut mais quand je fais un apercu naviguateur le menu deroulant ne fonctionne pas...
voici tout le code:
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber2" height="51">
<tr>
<td width="18%" height="88" align="center" bordercolor="#000080">
Logo 1</td>
<td width="65%" height="88" align="center" bordercolor="#000080">
<b><font face="Comic Sans MS" size="6">TITRE</font></b></td>
<td width="17%" height="88" align="center" bordercolor="#000080">
<p align="center">
Logo 2</p>
</head>
</table>
<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>
<style type="text/css">
<!--
/* CSS issu des tutoriels https://www.alsacreations.com/ */
body {
margin: 0;
padding: 0;
background: #000066;
font: 80% comic sans MS;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: ;
top: 0;
left: 0;
z-index:100;
width: 100%
}
#menu dl {
float: left;
width: 10em;
margin: 0 0px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #000080;
border: 1px solid gray;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: ###0099CC;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 200%;
border: 0px none;
}
#menu li a:hover, #menu dt a:hover {
background: #0099CC;
}
#site {
position: ;
z-index: 1;
top : 50px;
left : 0px;
color: #000;
background-color: #000;
padding: 5px;
border: 1px solid gray
}
a {text-decoration: none;
color: black;
color: #222;
}
-->
</style>
</head>
<body style="background-color: #FFCC99">
<div id="menu" style="width: 5500; height: 65015">
<dl style="color: #000080; font-family: Comic Sans MS">
<dt onmouseover="javascript:montre();">
<a title="Actualités" target="_self" href="unsaved:///actualite.htm">
<font color="#FFFFFF">Actualités</font></a></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre();">
<a title="Comment s'inscrire?" target="_self" href="unsaved:///inscrire.htm">
<font color="#FFFFFF">S'inscrire?</font></a></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu1');">
<font color="#FFFFFF">Les activités</font></dt>
<dd id="smenu1">
<ul>
<li><a target="_self" href="unsaved:///badminton.htm">Badminton</font></a></li>
<li><a target="_self" href="unsaved:///escalade.htm">Escalade</font></a></li>
<li><a target="_self" href="unsaved:///mercredis.htm">Le mercredi</font></a></li>
</li>
<a target="_self" href="unsaved:///tennis%20de%20table%20jeudi.htm">Tennis de table</font></a></li>
</li><a target="_self" href="unsaved:///volleyball.htm">Volleyball</font></a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre();">
<a title="Calendrier des compétitions" target="_self" href="unsaved:///calendrier%2020072008.htm">
<font color="#FFFFFF">Compétitions</font></a></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu2');"><font color="#FFFFFF">Photos</font></dt>
<dd id="smenu2">
<ul>
<li><a target="_blank" href="unsaved:///athle.htm">Athlétisme</font></a></li>
<li><a target="_blank" href="unsaved:///bad.htm">Badminton</font></a></li>
<li><a target="_blank" href="unsaved:///sortie%20canoe.htm">Canoë</font></a></li>
<li>
<a target="_blank" href="unsaved:///reportage%20escalade.htm">Escalade</font></a></li>
<li><a target="_blank" href="unsaved:///hand.htm">HandBall</font></a></li>
<li><a target="_blank" href="unsaved:///rygby.htm">Rugby</font></a></li>
<li>
<a target="_blank" href="unsaved:///tennis%20de%20table.htm">Tennis de table</font></a></li>
<li><a target="_blank" >VolleyBall</font></a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre();">
<a title="Le projet d'AS" target="_self" href="unsaved:///projetAS.htm">
<font color="#FFFFFF">Projet</font></a></span></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu4');"><font color="#FFFFFF">Liens</font></dt>
<dd id="smenu4">
<ul>
<li><a href="#">Collège </a></li>
<li><a href="#">UNSS Nationale</font></a></li>
<li><a href="#">UNSS Régionale</a></li>
<li><a href="#">UNSS Départementale</font></a></li>
<li><a href="#">Portail des Sciences Phyiques</font></a></li>
</ul>
</dd>
</dl>
</div>
</tr>
</table>
</style>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Les résultats</title>
<style fprolloverstyle>A:hover {color: red; font-weight: bold}
</style>
</head>
<body bgcolor="#FFCC99" style="background-color: #FFCC99">
<table border="2" cellpadding="0" cellspacing="0" style="border-width:0; border-collapse: collapse" bordercolor="#000080" width="100%" id="AutoNumber2" height="51">
<tr>
<td width="20%" height="88" align="center" bordercolor="#000080" style="border-style: none; border-width: medium">
<img border="0" src="unsaved:///Logos/AM%20LOGO%20rose.gif" width="183" height="167"></td>
<td width="63%" height="88" align="center" bordercolor="#000080" style="border-style: none; border-width: medium">
<b><font size="6" face="Comic Sans MS">AS du COLLEGE </font></b>
<p>
<b><font size="6" face="Comic Sans MS">ARSENE MEUNIER</font></b></td>
<td width="17%" height="88" align="center" bordercolor="#000080" style="border-style: none; border-width: medium">
<p align="center">
<img border="0" src="unsaved:///Logos/AM%20LOGO%20rose.gif" width="190" height="167"></p>
</td>
</tr>
</table>
<body style="background-color: #FFCC99">
</body>
</html>
</body>
</html>
j'ai reussi a changer la mise en forme, je m'approche de ce que je voulais
j'ai reussi a mettre mon titre en haut mais quand je fais un apercu naviguateur le menu deroulant ne fonctionne pas...
voici tout le code:
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber2" height="51">
<tr>
<td width="18%" height="88" align="center" bordercolor="#000080">
Logo 1</td>
<td width="65%" height="88" align="center" bordercolor="#000080">
<b><font face="Comic Sans MS" size="6">TITRE</font></b></td>
<td width="17%" height="88" align="center" bordercolor="#000080">
<p align="center">
Logo 2</p>
</head>
</table>
<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>
<style type="text/css">
<!--
/* CSS issu des tutoriels https://www.alsacreations.com/ */
body {
margin: 0;
padding: 0;
background: #000066;
font: 80% comic sans MS;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: ;
top: 0;
left: 0;
z-index:100;
width: 100%
}
#menu dl {
float: left;
width: 10em;
margin: 0 0px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #000080;
border: 1px solid gray;
}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background: ###0099CC;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 200%;
border: 0px none;
}
#menu li a:hover, #menu dt a:hover {
background: #0099CC;
}
#site {
position: ;
z-index: 1;
top : 50px;
left : 0px;
color: #000;
background-color: #000;
padding: 5px;
border: 1px solid gray
}
a {text-decoration: none;
color: black;
color: #222;
}
-->
</style>
</head>
<body style="background-color: #FFCC99">
<div id="menu" style="width: 5500; height: 65015">
<dl style="color: #000080; font-family: Comic Sans MS">
<dt onmouseover="javascript:montre();">
<a title="Actualités" target="_self" href="unsaved:///actualite.htm">
<font color="#FFFFFF">Actualités</font></a></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre();">
<a title="Comment s'inscrire?" target="_self" href="unsaved:///inscrire.htm">
<font color="#FFFFFF">S'inscrire?</font></a></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu1');">
<font color="#FFFFFF">Les activités</font></dt>
<dd id="smenu1">
<ul>
<li><a target="_self" href="unsaved:///badminton.htm">Badminton</font></a></li>
<li><a target="_self" href="unsaved:///escalade.htm">Escalade</font></a></li>
<li><a target="_self" href="unsaved:///mercredis.htm">Le mercredi</font></a></li>
</li>
<a target="_self" href="unsaved:///tennis%20de%20table%20jeudi.htm">Tennis de table</font></a></li>
</li><a target="_self" href="unsaved:///volleyball.htm">Volleyball</font></a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre();">
<a title="Calendrier des compétitions" target="_self" href="unsaved:///calendrier%2020072008.htm">
<font color="#FFFFFF">Compétitions</font></a></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu2');"><font color="#FFFFFF">Photos</font></dt>
<dd id="smenu2">
<ul>
<li><a target="_blank" href="unsaved:///athle.htm">Athlétisme</font></a></li>
<li><a target="_blank" href="unsaved:///bad.htm">Badminton</font></a></li>
<li><a target="_blank" href="unsaved:///sortie%20canoe.htm">Canoë</font></a></li>
<li>
<a target="_blank" href="unsaved:///reportage%20escalade.htm">Escalade</font></a></li>
<li><a target="_blank" href="unsaved:///hand.htm">HandBall</font></a></li>
<li><a target="_blank" href="unsaved:///rygby.htm">Rugby</font></a></li>
<li>
<a target="_blank" href="unsaved:///tennis%20de%20table.htm">Tennis de table</font></a></li>
<li><a target="_blank" >VolleyBall</font></a></li>
</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre();">
<a title="Le projet d'AS" target="_self" href="unsaved:///projetAS.htm">
<font color="#FFFFFF">Projet</font></a></span></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu4');"><font color="#FFFFFF">Liens</font></dt>
<dd id="smenu4">
<ul>
<li><a href="#">Collège </a></li>
<li><a href="#">UNSS Nationale</font></a></li>
<li><a href="#">UNSS Régionale</a></li>
<li><a href="#">UNSS Départementale</font></a></li>
<li><a href="#">Portail des Sciences Phyiques</font></a></li>
</ul>
</dd>
</dl>
</div>
</tr>
</table>
</style>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Les résultats</title>
<style fprolloverstyle>A:hover {color: red; font-weight: bold}
</style>
</head>
<body bgcolor="#FFCC99" style="background-color: #FFCC99">
<table border="2" cellpadding="0" cellspacing="0" style="border-width:0; border-collapse: collapse" bordercolor="#000080" width="100%" id="AutoNumber2" height="51">
<tr>
<td width="20%" height="88" align="center" bordercolor="#000080" style="border-style: none; border-width: medium">
<img border="0" src="unsaved:///Logos/AM%20LOGO%20rose.gif" width="183" height="167"></td>
<td width="63%" height="88" align="center" bordercolor="#000080" style="border-style: none; border-width: medium">
<b><font size="6" face="Comic Sans MS">AS du COLLEGE </font></b>
<p>
<b><font size="6" face="Comic Sans MS">ARSENE MEUNIER</font></b></td>
<td width="17%" height="88" align="center" bordercolor="#000080" style="border-style: none; border-width: medium">
<p align="center">
<img border="0" src="unsaved:///Logos/AM%20LOGO%20rose.gif" width="190" height="167"></p>
</td>
</tr>
</table>
<body style="background-color: #FFCC99">
</body>
</html>
</body>
</html>
re,
quand je fais un apercu naviguateur le menu deroulant ne fonctionne pas
attends !
tu testes avec quoi et comment ?
il faut ouvrir ta page depuis le navigateur et de préférence utiliser FireFox.
tu dois déjà savoir que ton plus gros handicap c'est FrontPage donc on va essayer de la laisser de côté.
quand je fais un apercu naviguateur le menu deroulant ne fonctionne pas
attends !
tu testes avec quoi et comment ?
il faut ouvrir ta page depuis le navigateur et de préférence utiliser FireFox.
tu dois déjà savoir que ton plus gros handicap c'est FrontPage donc on va essayer de la laisser de côté.
oui oui c'est ce que j'ai fait, j'ai testé une mise en ligne et le menu deroulant ne fonctionne pas.
j'utilise firefox comme naviguateur.
j'ai du dans mes tentatives de mise en forme, modifier le script du menu deroulant.
sinon oui j'utilise frontpage, je sais que c'est un "handicap" mais jusqu'a present je m'en sortais pas trop mal avec.
j'utilise firefox comme naviguateur.
j'ai du dans mes tentatives de mise en forme, modifier le script du menu deroulant.
sinon oui j'utilise frontpage, je sais que c'est un "handicap" mais jusqu'a present je m'en sortais pas trop mal avec.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question