Bonjour
je suis nouvelle ici et débutante....
je viens de créer un menu accordéon via un exemple trouvé quelque part sur ce site
je souhaiterais arrondir les coins (sans passer par l'intégration d'une image si possible),j'ai testé plein de chose dans la feuille externe .css, rien n'y fait, je ne connais pas la syntaxe
le menu est celui sur la gauche (nav verticale)
http://www.sokebana.net/test/article-mariage/index.html
par ailleurs lorsque je suis dans un article et que je clic sur "sommaire des articles (en hau de ce menu) pour revenir au sommaire, le menu est tout déroulé puis se remet en place, c'est pas top... je ne le vois que sous IE, en réalité l'image de fond se charge le menu est grand développé et lorsque l'image est chargée, il se remet en place, est ce lié? je ne sais pas, c'est un élément que je viens de remarquer.
pour finir n'y a t il pas un moyen d'adapter le code pour que le menu se rétrécisse tout seul lorsque nous sommes sur une réso 1024 780
par avance un grand merci pour votre aide
voici le style:
voici le script ds la head:
et voici le contenu ds le body:
Modifié par sokebana (04 Nov 2008 - 11:25)
je suis nouvelle ici et débutante....
je viens de créer un menu accordéon via un exemple trouvé quelque part sur ce site
je souhaiterais arrondir les coins (sans passer par l'intégration d'une image si possible),j'ai testé plein de chose dans la feuille externe .css, rien n'y fait, je ne connais pas la syntaxe
le menu est celui sur la gauche (nav verticale)
http://www.sokebana.net/test/article-mariage/index.html
par ailleurs lorsque je suis dans un article et que je clic sur "sommaire des articles (en hau de ce menu) pour revenir au sommaire, le menu est tout déroulé puis se remet en place, c'est pas top... je ne le vois que sous IE, en réalité l'image de fond se charge le menu est grand développé et lorsque l'image est chargée, il se remet en place, est ce lié? je ne sais pas, c'est un élément que je viens de remarquer.
pour finir n'y a t il pas un moyen d'adapter le code pour que le menu se rétrécisse tout seul lorsque nous sommes sur une réso 1024 780
par avance un grand merci pour votre aide
voici le style:
/*--------- ci dessous nav verticale articles---------*/
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 233px;
left: 13px;
}
#menu {
width: 225px;
}
#menu dt {
cursor: pointer;
margin: 2px 0;
height: 20px;
line-height: 20px;
text-align: left;
font-weight: bold;
background: #0cbfdf;
}
#menu dd {
border: 0px solid gray;
}
#menu li {
text-align: left;
background:
}
#menu li a, #menu dt a { /* sous menu*/
color: #ffffdd;
text-decoration: none;
display: block;
height: 100%;
font-weight: normal;
font-size:10px;
}
#menu li a:hover, #menu dt a:hover {
background: #0cbfdf;
font-weight: normal;
font-size:10px;
}
/*--------- FIN verticale articles---------*/voici le script ds la head:
<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>et voici le contenu ds le body:
<dl id="menu">
<dt onclick="javascript:montre();"><a href="index.html">Sommaire des articles</a></dt>
<dt onclick="javascript:montre('smenu1');">Photographe</dt>
<dd id="smenu1">
<ul>
<li><a href="#">dddd</a></li>
<li><a href="#">ddd</a></li>
<li><a href="#">Sous-Menu 2.3</a></li>
<li><a href="#">Sous-Menu 2.4</a></li>
<li><a href="#">Sous-Menu 2.5</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu2');">DJ - Animation</dt>
<dd id="smenu2">
<ul>
<li><a href="play-list-de-soiree-dansante.html">Play list de votre soirée dansante</a></li>
<li><a href="moments-cles-d-une-soiree-d-animation.html">Moments clés d'une soirée d'animation</a></li>
<li><a href="comment-choisir-son-animateur-ou-dj.html">Comment choisir son animateur ou DJ?</a></li>
<li><a href="#">Sous-Menu 2.4</a></li>
<li><a href="#">Sous-Menu 2.5</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu3');">Magie</dt>
<dd id="smenu3">
<ul><li><a href="pourquoi-pas-un-magicien.html">Et pourquoi pas un Magicien?</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.1</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu4');">Vidéaste</dt>
<dd id="smenu4">
<ul>
<li><a href="#">Sous-Menu 4.1</a></li>
<li><a href="#">Sous-Menu 4.1</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu5');">Faire Part</dt>
<dd id="smenu5">
<ul>
<li><a href="#">Sous-Menu 5.1</a></li>
<li><a href="#">Sous-Menu 5.1</a></li>
</ul>
</dd>
<dt onclick="javascript:montre('smenu6');">Robe</dt>
<dd id="smenu6">
<ul>
<li><a href="#">Sous-Menu 6.1</a></li>
<li><a href="#">Sous-Menu 6.1</a></li>
</ul>
</dd>
</dl>Modifié par sokebana (04 Nov 2008 - 11:25)
