Version anglaiseVersion espagnoleVersion françaiseInscrivez-vous, c'est gratuit ! (mot de passe oublié)
- Vendredi 5 décembre 2008 - 00:48:46
- inscrits : 1094351
- connectés : 28294
- questions/jour : 4675
- Taux de réponse : 76.81%
Plateformes d'assistanceDiscussions & Opinions des Communautés
|
|
|
|
Bonjour
Je fais actuellement un menu avec une feuille css.
voici le code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<HTML><HEAD><TITLE>Archipel des Sciences</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1" />
<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">
<!--
body {
margin: 0;
padding: 0;
background: white;
font: 75% Arial, Helvetica, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
}
#menu {
width: 187px;
margin: 0px;
border: 0px;
}
#menu dt {
color: black;
cursor: pointer;
margin: 0px;
height: 20px;
text-align: right;
font-weight: bold;
border: 0px;
background-image : url("framegauche_fichiers/bn.gif");
text-decoration: none;
}
#menu dd {
color: black;
width: 187px;
height: 20px;
background: white;
border: 0px;
text-decoration: none;
}
#menu li {
text-align: right;
color: black;
background-image: url("framegauche_fichiers/bn.gif");
text-decoration: none;
}
#menu li a, #menu dt a {
display: block;
color: black;
border: 0 none;
height: 100%;
background-image: url("framegauche_fichiers/bn.gif");
text-decoration: none;
}
#menu li a:hover, #menu dt a:hover {
background-image : url("../images/bn-over.gif");
text-decoration: none;
}
#menu1 {
width: 187px;
margin: 0px;
border: 0px;
}
#menu1 dt {
margin: 0px;
border: 0px;
background-image : url("framegauche_fichiers/sousmenu.gif");
}
-->
</style>
<META content="MSHTML 6.00.2800.1543" name=GENERATOR /></HEAD>
<BODY bgColor=#ffffff leftMargin=0 topMargin=0
MARGINWIDTH="0" MARGINHEIGHT="0">
<dl id="menu">
<dt onmouseover="javascript:montre();" onmouseout="javascript:montre();"><a href="http://www.archipel-des-sciences.org/html/accueil.HTM" target=mainFrame>
<DIV style="position:relative; right: 25px;">Accueil</DIV>
</a></dt>
<dt onmouseover="javascript:montre();" onmouseout="javascript:montre();"><a href="http://www.archipel-des-sciences.org/html/presentation.HTM" target=mainFrame>
<DIV style="position:relative; right: 25px;">Présentation</DIV>
</a></dt>
<dt onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre();"><a href="http://www.archipel-des-sciences.org/html/activitesetprojets.HTM" target=mainFrame>
<DIV style="position:relative; right: 25px;">Activités et Projets</DIV>
</a></dt>
<dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre();">
<ul>
<li><a href="#">
<DIV style="position:relative; right: 25px;">Jardin créole</DIV>
</a></li>
<li><a href="#">
<DIV style="position:relative; right: 25px;">Astronomie</DIV>
</a></li>
<li><a href="#">
<DIV style="position:relative; right: 25px;">Secteur mer</DIV>
</a></li>
<li><a href="#">
<DIV style="position:relative; right: 25px;">Environnement</DIV>
</a></li>
<li><a href="#">
<DIV style="position:relative; right: 25px;">Activités solaires</DIV>
</a></li>
<li><a href="#">
<DIV style="position:relative; right: 25px;">Projets</DIV>
</a></li>
</ul>
</dd>
<dt onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre();">
<DIV style="position:relative; right: 25px;">Bulletins de l'ADS</DIV>
</dt>
<dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre();">
<ul>
<li><a href="#">
<DIV style="position:relative; right: 25px;">Kaz A Syans</DIV>
</a></li>
<li><a href="#">
<DIV style="position:relative; right: 25px;">La Science au Quotidien</DIV>
</a></li>
</ul>
</dd>
<dt onmouseover="javascript:montre('smenu5');" onmouseout="javascript:montre();"><a href="http://www.archipel-des-sciences.org/html/cantredesressources.HTM" target=mainFrame>
<DIV style="position:relative; right: 25px;">Centre des ressources</DIV>
</a></dt>
<dd id="smenu5" onmouseover="javascript:montre('smenu5');" onmouseout="javascript:montre();">
<ul>
<li><a href="http://www.archipel-des-sciences.org/html/listedesperiodiques.HTM" target=mainFrame>
<DIV style="position:relative; right: 25px;">Périodiques</DIV>
</a></li>
<li><a href="http://www.archipel-des-sciences.org/html/documentsaudiovisuels.HTM" target=mainFrame>
<DIV style="position:relative; right: 25px;">Documents audiovisuels</DIV>
</a></li>
<li><a href="http://www.archipel-des-sciences.org/html/listedesexpositionsitinerantes.HTM" target=mainFrame>
<DIV style="position:relative; right: 25px;">Expositions itinérantes</DIV>
</a></li>
</ul>
</dd>
<dt onmouseover="javascript:montre();" onmouseout="javascript:montre();"><a href="http://www.archipel-des-sciences.org/html/liens.htm" target=mainFrame>
<DIV style="position:relative; right: 25px;">Liens</DIV>
</a></dt>
<dt onmouseover="javascript:montre('smenu7');" onmouseout="javascript:montre();">
<DIV style="position:relative; right: 25px;">Fête de la Science</DIV>
</dt>
<dd id="smenu7" onmouseover="javascript:montre('smenu7');" onmouseout="javascript:montre();">
<ul>
<li><a href="http://www.archipel-des-sciences.org/html/fetescience2005.HTM" target=mainFrame>
<DIV style="position:relative; right: 25px;">Fête de la Science 2005</DIV>
</a></li>
<li><a href="http://www.archipel-des-sciences.org/html/documentsaudiovisuels.HTM" target=mainFrame>
<DIV style="position:relative; right: 25px;">Fête de la Science 2004</DIV>
</a></li>
</ul>
</dd>
<dt onmouseover="javascript:montre();" onmouseout="javascript:montre();"><a href="http://asp.arapaho.gp/forum-archipeldessciences/forum/" target=mainFrame>
<DIV style="position:relative; right: 25px;">Forum</DIV>
</a></dt>
<dt onmouseover="javascript:montre();" onmouseout="javascript:montre();"><a href="http://www.archipel-des-sciences.org/html/recherche.HTM" target=mainFrame>
<DIV style="position:relative; right: 25px;">Recherche</DIV>
</a></dt>
<dt onmouseover="javascript:montre();" onmouseout="javascript:montre();"><a href="http://www.archipel-des-sciences.org/html/plandusite.HTM" target=mainFrame>
<DIV style="position:relative; right: 25px;">Plan du site</DIV>
</a></dt>
<dt onmouseover="javascript:montre();" onmouseout="javascript:montre();"><a href="http://www.archipel-des-sciences.org/html/pournousjoindre.HTM" target=mainFrame>
<DIV style="position:relative; right: 25px;">Contact</DIV>
</a></dt>
</dl>
<dl id="menu1">
<dt onmouseover="javascript:montre();" onmouseout="javascript:montre();"> </dt>
</dl>
</BODY></HTML>
Mon souci se trouve au niveau de "menu1". En fait, je veux qu'apparaisse en bas du menu une image différente. Mais comme je l'ai fait, avec "menu1", ça ne marche pas. Quelqu'un a-t-il une solution à me proposer?
Merci d'avance
Je fais actuellement un menu avec une feuille css.
voici le code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<HTML><HEAD><TITLE>Archipel des Sciences</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1" />
<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">
<!--
body {
margin: 0;
padding: 0;
background: white;
font: 75% Arial, Helvetica, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
}
#menu {
width: 187px;
margin: 0px;
border: 0px;
}
#menu dt {
color: black;
cursor: pointer;
margin: 0px;
height: 20px;
text-align: right;
font-weight: bold;
border: 0px;
background-image : url("framegauche_fichiers/bn.gif");
text-decoration: none;
}
#menu dd {
color: black;
width: 187px;
height: 20px;
background: white;
border: 0px;
text-decoration: none;
}
#menu li {
text-align: right;
color: black;
background-image: url("framegauche_fichiers/bn.gif");
text-decoration: none;
}
#menu li a, #menu dt a {
display: block;
color: black;
border: 0 none;
height: 100%;
background-image: url("framegauche_fichiers/bn.gif");
text-decoration: none;
}
#menu li a:hover, #menu dt a:hover {
background-image : url("../images/bn-over.gif");
text-decoration: none;
}
#menu1 {
width: 187px;
margin: 0px;
border: 0px;
}
#menu1 dt {
margin: 0px;
border: 0px;
background-image : url("framegauche_fichiers/sousmenu.gif");
}
-->
</style>
<META content="MSHTML 6.00.2800.1543" name=GENERATOR /></HEAD>
<BODY bgColor=#ffffff leftMargin=0 topMargin=0
MARGINWIDTH="0" MARGINHEIGHT="0">
<dl id="menu">
<dt onmouseover="javascript:montre();" onmouseout="javascript:montre();"><a href="http://www.archipel-des-sciences.org/html/accueil.HTM" target=mainFrame>
<DIV style="position:relative; right: 25px;">Accueil</DIV>
</a></dt>
<dt onmouseover="javascript:montre();" onmouseout="javascript:montre();"><a href="http://www.archipel-des-sciences.org/html/presentation.HTM" target=mainFrame>
<DIV style="position:relative; right: 25px;">Présentation</DIV>
</a></dt>
<dt onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre();"><a href="http://www.archipel-des-sciences.org/html/activitesetprojets.HTM" target=mainFrame>
<DIV style="position:relative; right: 25px;">Activités et Projets</DIV>
</a></dt>
<dd id="smenu3" onmouseover="javascript:montre('smenu3');" onmouseout="javascript:montre();">
<ul>
<li><a href="#">
<DIV style="position:relative; right: 25px;">Jardin créole</DIV>
</a></li>
<li><a href="#">
<DIV style="position:relative; right: 25px;">Astronomie</DIV>
</a></li>
<li><a href="#">
<DIV style="position:relative; right: 25px;">Secteur mer</DIV>
</a></li>
<li><a href="#">
<DIV style="position:relative; right: 25px;">Environnement</DIV>
</a></li>
<li><a href="#">
<DIV style="position:relative; right: 25px;">Activités solaires</DIV>
</a></li>
<li><a href="#">
<DIV style="position:relative; right: 25px;">Projets</DIV>
</a></li>
</ul>
</dd>
<dt onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre();">
<DIV style="position:relative; right: 25px;">Bulletins de l'ADS</DIV>
</dt>
<dd id="smenu4" onmouseover="javascript:montre('smenu4');" onmouseout="javascript:montre();">
<ul>
<li><a href="#">
<DIV style="position:relative; right: 25px;">Kaz A Syans</DIV>
</a></li>
<li><a href="#">
<DIV style="position:relative; right: 25px;">La Science au Quotidien</DIV>
</a></li>
</ul>
</dd>
<dt onmouseover="javascript:montre('smenu5');" onmouseout="javascript:montre();"><a href="http://www.archipel-des-sciences.org/html/cantredesressources.HTM" target=mainFrame>
<DIV style="position:relative; right: 25px;">Centre des ressources</DIV>
</a></dt>
<dd id="smenu5" onmouseover="javascript:montre('smenu5');" onmouseout="javascript:montre();">
<ul>
<li><a href="http://www.archipel-des-sciences.org/html/listedesperiodiques.HTM" target=mainFrame>
<DIV style="position:relative; right: 25px;">Périodiques</DIV>
</a></li>
<li><a href="http://www.archipel-des-sciences.org/html/documentsaudiovisuels.HTM" target=mainFrame>
<DIV style="position:relative; right: 25px;">Documents audiovisuels</DIV>
</a></li>
<li><a href="http://www.archipel-des-sciences.org/html/listedesexpositionsitinerantes.HTM" target=mainFrame>
<DIV style="position:relative; right: 25px;">Expositions itinérantes</DIV>
</a></li>
</ul>
</dd>
<dt onmouseover="javascript:montre();" onmouseout="javascript:montre();"><a href="http://www.archipel-des-sciences.org/html/liens.htm" target=mainFrame>
<DIV style="position:relative; right: 25px;">Liens</DIV>
</a></dt>
<dt onmouseover="javascript:montre('smenu7');" onmouseout="javascript:montre();">
<DIV style="position:relative; right: 25px;">Fête de la Science</DIV>
</dt>
<dd id="smenu7" onmouseover="javascript:montre('smenu7');" onmouseout="javascript:montre();">
<ul>
<li><a href="http://www.archipel-des-sciences.org/html/fetescience2005.HTM" target=mainFrame>
<DIV style="position:relative; right: 25px;">Fête de la Science 2005</DIV>
</a></li>
<li><a href="http://www.archipel-des-sciences.org/html/documentsaudiovisuels.HTM" target=mainFrame>
<DIV style="position:relative; right: 25px;">Fête de la Science 2004</DIV>
</a></li>
</ul>
</dd>
<dt onmouseover="javascript:montre();" onmouseout="javascript:montre();"><a href="http://asp.arapaho.gp/forum-archipeldessciences/forum/" target=mainFrame>
<DIV style="position:relative; right: 25px;">Forum</DIV>
</a></dt>
<dt onmouseover="javascript:montre();" onmouseout="javascript:montre();"><a href="http://www.archipel-des-sciences.org/html/recherche.HTM" target=mainFrame>
<DIV style="position:relative; right: 25px;">Recherche</DIV>
</a></dt>
<dt onmouseover="javascript:montre();" onmouseout="javascript:montre();"><a href="http://www.archipel-des-sciences.org/html/plandusite.HTM" target=mainFrame>
<DIV style="position:relative; right: 25px;">Plan du site</DIV>
</a></dt>
<dt onmouseover="javascript:montre();" onmouseout="javascript:montre();"><a href="http://www.archipel-des-sciences.org/html/pournousjoindre.HTM" target=mainFrame>
<DIV style="position:relative; right: 25px;">Contact</DIV>
</a></dt>
</dl>
<dl id="menu1">
<dt onmouseover="javascript:montre();" onmouseout="javascript:montre();"> </dt>
</dl>
</BODY></HTML>
Mon souci se trouve au niveau de "menu1". En fait, je veux qu'apparaisse en bas du menu une image différente. Mais comme je l'ai fait, avec "menu1", ça ne marche pas. Quelqu'un a-t-il une solution à me proposer?
Merci d'avance
Il n'y a personne pour m'aider? |
Résultats pour menu css
Affichage d'un div au survol d'un lien (Résolu) Bonjour, Soit un menu css avec sous et sous-sous-menu du style : extrait html : xxxxxx yyy ...
www.commentcamarche.net/forum/affich-7952313-affichage-d-un-div-au-survol-d-un-lien
Probleme avec steam (Résolu) Salut a tous,voila depuis la derniere mise a jour steam (dont tout le monde parle) je n´arrie pas a avoir la liste d´amis etc dans mon menu css,on m´a dit qui-il fallait faire shift+tab,sa ne marche toujour pas,ensuite sur un forum j´ai vu que cela...
www.commentcamarche.net/forum/affich-3588553-probleme-avec-steam
Menu css horizontal, ff et opéra (Résolu) Bonjour, j'ai un problème avec mon menu horizontal en css, il ne fonctionne que sous Internet explorer. Sous firefox et opéra que nenni, les sous-menus ne s'affichent pas, et je ne comprends pas pourquoi. Voilà le code :
www.commentcamarche.net/forum/affich-6171644-menu-css-horizontal-ff-et-opera
Résultats pour menu css
[CSS] Créer facilement des CSSUn outil très facile d'utilisation pour créer des CSS, avec un aperçu en direct de ce que vous créez : TopStyle.
La version Lite est gratuite.
http://www.bradsoft.com/download/index.asp
www.commentcamarche.net/faq/sujet-1035-css-creer-facilement-des-css
Créer un site beau, dynamique et respectueux des standardsVoici une liste de liens qui vous aideront à mieux exploiter les standards (HTML, CSS, DOM...) pour créer des sites plus beau, plus dynamiques et plus respectueux des standards.
A la fin de cette page, il y a également une liste de...
www.commentcamarche.net/faq/sujet-1073-creer-un-site-beau-dynamique-et-respectueux-des-standards
Ajouter un raccourci dans le menu contextuel du poste de travailQui n'a jamais rêvé de pouvoir avoir accès en un seul clic à certaines commandes enfouies dans les menus déroulants du système ?
Problématique
Imaginons que nous voulions aller dans la fenêtre de gestion de l'ordinateur. 2...
www.commentcamarche.net/faq/sujet-5359-ajouter-un-raccourci-dans-le-menu-contextuel-du-poste-de-travail
Résultats pour menu css
Probléme avec firefox + centrer mon menu css (Résolu)Bonjour j'aimerais avoir des informations sur un probléme ou plutot 2 lol 1/ dans ma page web que je fabrique actuellement j'utilise la balise pour centrer un titre de ma page le seul probléme c'est que IE l'affiche trés...
www.commentcamarche.net/forum/affich-3112426-probleme-avec-firefox-centrer-mon-menu-css
Probleme menu css (Résolu)bonjour, voila, j'ai crée un menu a base de ballons pour mon site. Voila le lien, vous verrez mieux de quoi je parle: http://fandevincentclerc.free.fr/ballons.htm Donc mon souci c'est que je voudrais que les ballons "remontent"...
www.commentcamarche.net/forum/affich-3388262-probleme-menu-css
Menu CSS vers le haut (Résolu)Bonjour à tous, j'aurais une petite question à vous poser : je suis entrain de faire un site portfolio et je me suis dis que je vais faire comme si c'était un écran d'ordinateur portable, donc du coup j'ai fait la page et là je...
www.commentcamarche.net/forum/affich-7434571-menu-css-vers-le-haut
Résultats pour menu css
Les unités dans les feuilles de style (CSS)Les boîtes
Les balises DIV définissent des blocs d'éléments. Il s'agit
d'une structure privilégiée pour définir des boîtes telles
que des menus ou des encarts.
Le standard CSS propose un certain nombre de propriétés
permettant de contrôler...
www.commentcamarche.net/contents/css/css-bordures-boites.php3
Feuilles de style - CSSPrésentation des feuilles de style
Le concept de feuilles de style est apparu en 1996 avec la publication par le W3C
d'une nouvelle recommandation intitulée « Cascading StyleSheets » (feuilles de style
en cascade), notée CSS.
Le principe des...
www.commentcamarche.net/contents/css/cssintro.php3
La syntaxe des style (CSS)Définition d'un style
La définition d'un style se fait à l'aide de règles
en texte simple permettant de décrire l'aspect des éléments de la page.
Une règle CSS est caractérisée par deux principaux éléments :
Un sélecteur de balises, permettant de...
www.commentcamarche.net/contents/css/csssyntax.php3