Menu déroulant frontpage
Fermé
dilispi
-
1 déc. 2007 à 13:49
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 4 déc. 2007 à 20:58
Dalida Messages postés 6728 Date d'inscription mardi 14 mai 2002 Statut Contributeur Dernière intervention 11 janvier 2016 - 4 déc. 2007 à 20:58
A voir également:
- Menu déroulant frontpage
- Menu déroulant excel - Guide
- Menu démarrer windows 11 - Guide
- Telecharger frontpage - Télécharger - Divers Web & Internet
- Menu contextuel windows 11 - Guide
- Supprimer menu déroulant excel ✓ - Forum Excel
5 réponses
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
921
4 déc. 2007 à 20:23
4 déc. 2007 à 20:23
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>
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
921
4 déc. 2007 à 20:43
4 déc. 2007 à 20:43
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
Dalida
Messages postés
6728
Date d'inscription
mardi 14 mai 2002
Statut
Contributeur
Dernière intervention
11 janvier 2016
921
4 déc. 2007 à 20:58
4 déc. 2007 à 20:58
re,
peux tu nous filer l'url ?
parce que en lisant ton code beaucoup de choses me démangent la touche [ Suppr ] mais je ne sais pas si cela résoudra le problème, il faudrait que je teste en direct.
si c'est perso ou confidentiel tu peux passer par MP.
peux tu nous filer l'url ?
parce que en lisant ton code beaucoup de choses me démangent la touche [ Suppr ] mais je ne sais pas si cela résoudra le problème, il faudrait que je teste en direct.
si c'est perso ou confidentiel tu peux passer par MP.