Menu Horizontal
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Menu Horizontal
Bonjour! j'ai un probleme un peu dur a expliquer ^^"
j'ai un menu, quand tu clique sur les titres, sa fait un peu comme un spoiler et s'ouvre ce qu'il y a dedans, le seule probleme, c'est que lorsqu'il souvre, il ne souvre que de la largeur du titre, moi j'aimerai qu'il souvre sur tout la largeur de la page d'acceuil...
Une image qui peut aider :
ainsi que mon code :
Voila, j’espère avoir était assez clair, auquel cas, demander moi si vous avez besoin de plus de précision
merci de votre aide!
j'ai un menu, quand tu clique sur les titres, sa fait un peu comme un spoiler et s'ouvre ce qu'il y a dedans, le seule probleme, c'est que lorsqu'il souvre, il ne souvre que de la largeur du titre, moi j'aimerai qu'il souvre sur tout la largeur de la page d'acceuil...
Une image qui peut aider :
- Spoiler:
ainsi que mon code :
- Spoiler:
- Code:
<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" media="screen">
<!--
body {
margin: 0;
padding: 0;
background: http://img11.hostingpics.net/pics/193653FondCopieCopieCopie.png;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu dl {
float: left;
width: 12em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #BF5050;
border: 1px #BF5050;
margin: 1px;
}
#menu dd {
display: none;
border: 1px #BF5050;
}
#menu li {
text-align: center;
background: #BF5050;
}
#menu li a, #menu dt a {
color: #451919;
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:#BF5050;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #BF5050;
background-color: #ddd;
padding: 5px;
border: 1px #BF5050;
}
-->
</style><div id="menu">
<dl>
<dt onclick="javascript:montre();">Accueil</dt>
</dl>
<dl>
<dt onclick="javascript:montre('smenu1');">Contexte</dt>
<dd id="smenu1">
<ul><div class="photo"><img src="mon image" alt="une image" /></div><div class="contenu"> blablablablabla </div>
<li><font color="black">"Le passé et le présent sont nos moyens ; le seul avenir est notre fin.
Mais qu'arrivera t-il au immortelle, qui de leur vie, ne la connaitra point?"</li></font>
</ul>
</dd>
</dl>
<dl>
<dt onclick="javascript:montre('smenu2');">Actuellement</dt>
<dd id="smenu2">
<ul>
<li><a href="">Sous-Menu 2.1</a></li>
<li><a href="">Sous-Menu 2.2</a></li>
<li><a href="">Sous-Menu 2.3</a></li>
<li><a href="">Sous-Menu 2.4</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onclick="javascript:montre('smenu3');">Staff</dt>
<dd id="smenu3">
<ul>
<li><a href="">Sous-Menu 3.1</a></li>
<li><a href="">Sous-Menu 3.2</a></li>
<li><a href="">Sous-Menu 3.3</a></li>
<li><a href="">Sous-Menu 3.4</a></li>
<li><a href="">Sous-Menu 3.5</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onclick="javascript:montre('smenu4');">Partenaires</dt>
<dd id="smenu4">
<ul>
<li><a href="">Sous-Menu 4.1</a></li>
<li><a href="">Sous-Menu 4.2</a></li>
<li><a href="">Sous-Menu 4.3</a></li>
</ul>
</dd>
</dl>
</div>
Voila, j’espère avoir était assez clair, auquel cas, demander moi si vous avez besoin de plus de précision
merci de votre aide!
Dernière édition par Satsu Black le Mar 23 Aoû 2011 - 16:22, édité 1 fois
Re: Menu Horizontal
...UP!
Re: Menu Horizontal
hmm si c'est impossible a faire merci de me prévenir ou de me donner une solution qui s'en rapproche ><
UP!
UP!
Re: Menu Horizontal
si c'est impossible a faire merci de me prévenir ou de me donner une solution qui s'en rapproche ><
UP!
UP!
Re: Menu Horizontal
Bonjour,
Je vous invite à consulter cette astuce:
> https://forum.forumactif.com/t310879-3-tableaux-a-onglets-pour-le-message-d-accueil
Il me semble qu'elle vous permettra de réaliser ce que vous souhaitez.
Cordialement.
Je vous invite à consulter cette astuce:
> https://forum.forumactif.com/t310879-3-tableaux-a-onglets-pour-le-message-d-accueil
Il me semble qu'elle vous permettra de réaliser ce que vous souhaitez.
Cordialement.
Invité- Invité
Re: Menu Horizontal
Oh mon Dieu merci!
C'est exactement ce que je souhaitait , il ne me reste plus qu'a suivre ce tuto!
merci de tout coeur!
C'est exactement ce que je souhaitait , il ne me reste plus qu'a suivre ce tuto!
merci de tout coeur!
Sujets similaires
» Menu accordéon horizontal
» Menu horizontal forum
» Menu accordéon horizontal
» Menu déroulant horizontal
» Créer un menu horizontal en accordéon
» Menu horizontal forum
» Menu accordéon horizontal
» Menu déroulant horizontal
» Créer un menu horizontal en accordéon
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum