La barre de navigation

[Yu']

Rappel du premier message :

Bonsoir,

Je voulais savoir comment on fait pour mettre une barre de naviagtion comme celle-ci, la ou il y a marqué, Accueil, Présentation, Divertissement & Partenariat et Pub, voici ce que je souhaite :

http://boysloveuniversity.forumactif.org/forum.htm

Merci d'avance de m'aider et a la personne qui pourra me dire cela.

[Invité]

Re,

Pas chez moi Vous avez internet Explorer?

[Yu']

Oui bien sur c'est ça que j'utilise

[Invité]

Bah j'ai aucun problème sous Internet Explorer, le menu s'affiche correctement :



Ah moins que ce soit la version de votre IE qui pose souci :/ J'ai Internet Explorer 8

[Yu']

Ah ? Bon ben je vais le télécharger XD merci encore mais une chose ( je sais je fais chier ^^ ), est ce que vous savez faire diminuer la longueur des cases et de centrer toute la barre de navigation ?

[Invité]

Puis à la fin du div qui correspond au Div menu, il faut mettre :

Code:

</table></td></tr></center>

[Yu']

Il faut le mettre ou le " </table></td></tr></center> " ?

[Invité]

Puis à la fin du div qui correspond au Div menu, il faut mettre :

Code:

</table></td></tr></center>

Ps: Si vous ne comprenez pas, merci de me donner votre code actuel du menu entre les balises CODE =)

[Yu']

J'ai pas tellement compris donc voici ^^

Spoiler:

Merci beaucoup ^^

[Invité]

Et voici :

Code:

<center><table><tr><td><div id="menu">
<dl>
<dt onmouseover="javascript:montre('smenu1');">Accueil</dt>
<dd id="smenu1">
<ul>
<li><a href="http://himitsu-rpg.forumactif.com/reglement-f1/reglement-du-forum-t1.htm#1">Règlement</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/context-story-f2/la-gakuen-himitsu-t225.htm#2609">Histoire</a></li>

</ul>
</dd>
</dl>


<dl>
<dt onmouseover="javascript:montre('smenu2');">Présentation</dt>
<dd id="smenu2">
<ul>
<li><a href="http://himitsu-rpg.forumactif.com/presentation-f4/fiche-de-presentation-t3.htm#3">Formulaire</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/presentation-f4/personnage-special-pour-yuyu-t1972.htm#34191">Chika Akatsuki</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/personnages-predefinis-f154/wanted-t1131.htm#22290">Wanted</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/personnages-predefinis-f154/roles-disponibles-t1690.htm#30647">Roles Dispo</a></li>

</ul>
</dd>

</dl>

<dl>
<dt onmouseover="javascript:montre('smenu3');">Partie Invités</dt>
<dd id="smenu3">
<ul>
<li><a href="http://himitsu-rpg.forumactif.com/floodons-f95/">Floodons</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/questions-f94/">Questions ?</a></li>


</ul>
</dd>
</dl>


<dl>
<dt onmouseover="javascript:montre('smenu4');">Partenariat ?</dt>
<dd id="smenu4">
<ul>
<li><a href="http://himitsu-rpg.forumactif.com/demandes-f75/friends--invites-t236.htm#2728">Demande</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/demandes-f75/nous-lier-dans-ton-forum-t235.htm#34683">Nous Lier</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/demandes-f75/fiche-du-forum-t1894.htm#30121">Notre Fiche</a></li>


</ul>
</dd>
</dl>

<dl>
<dt onmouseover="javascript:montre();"><a href="http://himitsu-rpg.forumactif.com/partenariat-top-site-f33/top-site-3-t872.htm#16220" title="Retour à l'accueil">Top-Sites</a></dt>

</dl></div></td></tr></table></center><br /><center><div id="image">
</div></center>

[Yu']

Super merci mais c'est normal que ça se décale a nouveau ? XD je sais je suis chiante ^^'

[Invité]

Re,

Oui, ça commence à devenir pénible, surtout que ça marche sur mon forum de test et jamais chez vous.

Donnez moi en intégralité le code de votre page d'accueil, je vais le recoder moi même.

[Yu']

Voici :

Spoiler:

[Invité]

Re,

Bon voici le code mais franchement, c'est pas beau ...

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: trans;
font: 80% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu dl {
float: left;
width: 11em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #2767A8;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #2767A8;
}
#menu li a, #menu dt a {
color: #000;
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: #6DCFDE;
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #ffffff;
background-color: #ddd;
padding: 5px;
border: 1px solid gray;
}
-->
</style><center><table><tr><td><div id="menu">
<dl>
<dt onmouseover="javascript:montre('smenu1');">Accueil</dt>
<dd id="smenu1">
<ul>
<li><a href="http://himitsu-rpg.forumactif.com/reglement-f1/reglement-du-forum-t1.htm#1">Règlement</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/context-story-f2/la-gakuen-himitsu-t225.htm#2609">Histoire</a></li>

</ul>
</dd>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu2');">Présentation</dt>
<dd id="smenu2">
<ul>
<li><a href="http://himitsu-rpg.forumactif.com/presentation-f4/fiche-de-presentation-t3.htm#3">Formulaire</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/presentation-f4/personnage-special-pour-yuyu-t1972.htm#34191">Chika Akatsuki</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/personnages-predefinis-f154/wanted-t1131.htm#22290">Wanted</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/personnages-predefinis-f154/roles-disponibles-t1690.htm#30647">Roles Dispo</a></li>

</ul>
</dd>

</dl>

<dl>
<dt onmouseover="javascript:montre('smenu3');">Partie Invités</dt>
<dd id="smenu3">
<ul>
<li><a href="http://himitsu-rpg.forumactif.com/floodons-f95/">Floodons</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/questions-f94/">Questions ?</a></li>

</ul>
</dd>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu4');">Partenariat ?</dt>
<dd id="smenu4">
<ul>
<li><a href="http://himitsu-rpg.forumactif.com/demandes-f75/friends--invites-t236.htm#2728">Demande</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/demandes-f75/nous-lier-dans-ton-forum-t235.htm#34683">Nous Lier</a></li>
<li><a href="http://himitsu-rpg.forumactif.com/demandes-f75/fiche-du-forum-t1894.htm#30121">Notre Fiche</a></li>

</ul>
</dd>
</dl>
<dl>
<dt onmouseover="javascript:montre();"><a href="http://himitsu-rpg.forumactif.com/partenariat-top-site-f33/top-site-3-t872.htm#16220" title="Retour à l'accueil">Top-Sites</a></dt>

</dl></div><br /><div id="image">
</div></td></tr></table></center>

Chez moi, cela fonctionne, j'espère que ça le fera aussi. Mais si vous connaissez un bon codeur, faudra qu'il le retape ^^

[Yu']

Ca marche ! Merci beaucoup pour cette aide précieuse

[Yu']

Comment je fais lorsque je veux changer d'image en dessous de la barre de navigation ?

[Invité]

Bonsoir,

Il faut changer l'adresse de l'image dans la feuille CSS, vous savez, le petit bout de code que je vous ai fait rajouté

Bonne soirée.