Archives FluxBB.fr

Les archives de FluxBB.fr

Vous n'êtes pas identifié(e).

Pages : 1

#1 01-11-2009 21:41:33

louis1984
Membre

Position du menu

Bonsoir,

J'ai un petit soucis au niveau de mon menu.

J'ai ajouter un menu et un logo sur le forum punbb et j'aimerais qu'il soit exactement positionner comme le forum. Je sais pas si c'est clair..
Voici un lien pour vous aider a comprendre http://izimo.eu/forum/index.php

J'aimerais que le menu et le logo soit alignes par rapport au forum, et non situes a gauche..

Savez-vous comment faire?

Merci par avance pour votre aide.

Cordialement,

Louis

Hors ligne

#2 02-11-2009 12:46:34

louis1984
Membre

Re : Position du menu

Personne pour m'aider?

Hors ligne

#3 02-11-2009 13:22:58

fanf73
Wik-wiki

Re : Position du menu

Pourquoi as-tu deux fois les balises <body> dans le code de ta page ?

Je pense qu'il faut que tu revois un peu ta façon d'intégrer ton menu dans fluxbb, en commençant par lire un peu l'aide : http://www.punbb.fr/aide/doku.php/faq#c … e_mon_site

Nous ne faisons pas le travail à votre place mais nous prenons le temps de vous montrer le chemin. Merci de lire ce que l'on vous dit et de réfléchir avant de re-demander une explication.

Hors ligne

#4 02-11-2009 13:43:41

louis1984
Membre

Re : Position du menu

Bonjour,

J'ai resolu le probleme de la balise body (il y en avait deux etant donne que je voulais integrer le menu + le logo, donc dans le repertoire "user" j'avais deux fichier, un fichier "menu" et un fichier "logo".

Bref, meme si il n'y a plus qu'une seule balise "body", le menu n'est pas centrer, il se situe toujours a gauche et n'est pas aligner avec le forum.

Quelqu'un pourrait m'aider?

Merci par avance pour votre aide.

A bientot,

Louis

Hors ligne

#5 02-11-2009 14:58:49

louis1984
Membre

Re : Position du menu

Bonjour,

Je viens d'effectuer la modification mais ca ne marche toujours pas, le menu est toujours situer a gauche et n'est pas aligner avec le forum.

Pourriez-vous m'aider?

Merci par avance.

Louis

Hors ligne

#6 02-11-2009 16:07:03

Otomatic
Régisseur

Re : Position du menu

Bonjour,

Dans le fichier SpryMenuBarHorizontal.css, ajouter auto comme ci-dessous :

ul.MenuBarHorizontal
{
    margin: 0 auto;
    padding: 0;

Dans le fichier Oxygen.css, ajouter clear:both :

#punwrap {width:1100px; margin:12px auto; text-align:left;clear:both;}

Ensuite, il faudra jouer sur les largeurs (width) de punwrap et de ton menu.

Mais, avant, il faut être « clair » au niveau des déclarations link dont une est mal placée.

Rien ne vaut un coup de validateur en mode "verbose" pour corriger tout ça.
http://validator.w3.org/#validate_by_uri+with_options

Ce n'est pas parce que l'erreur se propage qu'elle devient vérité. Gandhi
Sont différents : ça et sa - est et ait - à et a - ce et se - mes et mais ou met - été et était - c'est et ces - ce-si et ceci
La vie sans musique est tout simplement une erreur, une fatigue, un exil. Friedrich Nietzsche

Hors ligne

#7 02-11-2009 16:52:02

louis1984
Membre

Re : Position du menu

Merci Otomatic,

Ca fonctionne, le menu est parfaitement centrer.

Toutefois je m'ai pas bien compris ce que c'est le validateur en mode verbose (je suis debutant)

J'obtiens ca: http://validator.w3.org/check?uri=http% … &verbose=1

Et je ne comprends absolument rien a ce que je dois faire pour corriger les erreurs..
De plus qu'entends-tu par "declaration link mal placee"?

Pourrais-tu m'aider?

Merci

Hors ligne

#8 07-11-2009 12:56:36

louis1984
Membre

Re : Position du menu

Bonjour a tous, je viens d'opter pour un autre menu en javascript et j'ai le meme soucis (menu decaller a gauche..)

Cette fois ci je n'ai pas de fichier CSS, j'ai juste un fichier javascript et je sais pas ou je peux mettre un "margin 0 auto"...

Quelqu'un pourrait m'aider je suis debutant.. voici mon code java:

// JavaScript Document
// http://www.editeurjavascript.com/forum/ … 784,0.html
// http://www.editeurjavascript.com/script … _1_111.php
bgcolor='#006699';
bgcolor0='#E9967A'; //CC0000';
bgcolor1='#FF69B4'; //CC0000';
bgcolor2='#FF6347'; //CC0000';
bgcolor3='#48D1CC'; //CC0000';
bgcolor4='#FFA500'; //CC0000';
bgcolor5='#BC8F8F'; //CC0000';
bgcolor6='#00FF00'; //CC0000';
bgcolor7='#FFB6C1'; //CC0000';
bgcolor8='#D2691E'; //CC0000';
bgcolor9='#ADFF2F'; //CC0000';

zgcolor = new Array;
zgcolor[0] = '#E9967A'; //CC0000';
zgcolor[1] = '#FF69B4'; //CC0000';
zgcolor[2] = '#FF6347'; //CC0000';
zgcolor[3] = '#48D1CC'; //CC0000';
zgcolor[4] = '#FFA500'; //CC0000';
zgcolor[5] = '#BC8F8F'; //CC0000';
zgcolor[6] = '#00FF00'; //CC0000';
zgcolor[7] = '#FFB6C1'; //CC0000';
zgcolor[8] = '#D2691E'; //CC0000';
zgcolor[9] = '#ADFF2F'; //CC0000';

document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche { position:absolute; z-index:10; }')
document.write('A:hover.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('A.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('</style>')
document.write('<div style="position:relative;height:25"><DIV class=popper id=topdeck></DIV>');
/*
SCRIPT EDITE SUR L'EDITEUR JAVACSRIPT
http://www.editeurjavascript.com
*/

/*
LIENS
*/

zlien = new Array;
zlien[0] = new Array;
zlien[1] = new Array;
zlien[2] = new Array;
zlien[3] = new Array;
zlien[4] = new Array;
zlien[5] = new Array;
zlien[6] = new Array;
zlien[1][0] = '<A HREF="../www.izimo.eu/analyse_technique/index.php" CLASS=ejsmenu>News</A>';
zlien[1][1] = '<A HREF="../www.izimo.eu/analyse_technique/index.php" CLASS=ejsmenu>Cotations</A>';
zlien[2][0] = '<A HREF="../www.izimo.eu/analyse_technique/index.php" CLASS=ejsmenu>Forex</A>';
zlien[2][1] = '<A HREF="../www.izimo.eu/analyse_technique/index.php" CLASS=ejsmenu>CFDs</A>';
zlien[2][2] = '<A HREF="../www.izimo.eu/analyse_technique/index.php" CLASS=ejsmenu>Actions</A>';
zlien[2][3] = '<A HREF="../www.izimo.eu/analyse_technique/index.php" CLASS=ejsmenu>Options/Futures</A>';
zlien[2][4] = '<A HREF="../www.izimo.eu/analyse_technique/index.php" CLASS=ejsmenu>Spread Betting</A>';
zlien[2][5] = '<A HREF="../www.izimo.eu/analyse_technique/index.php" CLASS=ejsmenu>Multi-Asset</A>';
zlien[2][6] = '<A HREF="../www.izimo.eu/analyse_technique/index.php" CLASS=ejsmenu>Tous les brokers</A>';
zlien[3][0] = '<A HREF="../www.izimo.eu/analyse_technique/index.php" CLASS=ejsmenu>Forex</A>';
zlien[3][1] = '<A HREF="../www.izimo.eu/analyse_technique/index.php" CLASS=ejsmenu>CFDs</A>';
zlien[3][2] = '<A HREF="../www.izimo.eu/analyse_technique/index.php" CLASS=ejsmenu>Options</A>';
zlien[3][3] = '<A HREF="../www.izimo.eu/analyse_technique/index.php" CLASS=ejsmenu>Futures</A>';
zlien[3][4] = '<A HREF="../www.izimo.eu/analyse_technique/index.php" CLASS=ejsmenu>Analyse Technique</A>';
var nava = (document.layers);
var dom = (document.getElementById);
var iex = (document.all);
if (nava) { skn = document.topdeck }
else if (dom) { skn = document.getElementById("topdeck").style }
else if (iex) { skn = topdeck.style }
skn.top = 24;

function pop(msg,pos)
{
    skn.visibility = "hidden";
    a=true
    skn.left = pos;
    var content ="<TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=150><TR><TD><TABLE WIDTH=100% BORDER=0 CELLPADDING=0 CELLSPACING=1>";
    pass = 0
    while (pass < msg.length)
        {
            content += "<TR><TD BGCOLOR="+bgcolor+" onMouseOver=\"this.style.background='"+zgcolor[pass]+"'\" onMouseOut=\"this.style.background='"+bgcolor+"'\" HEIGHT=20><FONT SIZE=1 FACE=\"Verdana\">  "+msg[pass]+"</FONT></TD></TR>";
            pass++;
        }
    content += "</TABLE></TD></TR></TABLE>";
    if (nava)
        {
            skn.document.write(content);
            skn.document.close();
            skn.visibility = "visible";
        }
    else if (dom)
            {
                document.getElementById("topdeck").innerHTML = content;
                skn.visibility = "visible";
            }
        else if (iex)
            {
                document.all("topdeck").innerHTML = content;
                skn.visibility = "visible";
            }
}

function kill()
{
    skn.visibility = "hidden";
}

document.onclick = kill;
document.write('<DIV ID=topgauche><TABLE BORDER=0 CELLPADDING=0 CELLSPACING=0 BGCOLOR=#000000 WIDTH=700><TR><TD><TABLE CELLPADING=0 CELLSPACING=1 BORDER=0 WIDTH=100% HEIGHT=25><TR>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor2+'\';pop(zlien[0],0)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[0],0)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">ACCUEIL</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor3+'\';pop(zlien[1],100)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[1],100)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">ACTUALITES</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor4+'\';pop(zlien[2],200)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[2],200)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">BROKERS</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor5+'\';pop(zlien[3],300)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[3],300)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">FORMATION</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor6+'\';pop(zlien[4],400)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[4],400)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">BOUTIQUE</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor7+'\';pop(zlien[5],500)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[5],500)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">FORUM</FONT></a></TD>')
document.write('<TD WIDTH=100 ALIGN=center BGCOLOR='+bgcolor+' onMouseOver="this.style.background=\''+bgcolor8+'\';pop(zlien[6],600)" onMouseOut="this.style.background=\''+bgcolor+'\'"><A onClick="return(false)" onMouseOver="pop(zlien[6],600)" href=# CLASS=ejsmenu><FONT SIZE=1 FACE="Verdana">AUTRES</FONT></a></TD>')
document.write('</TR></TABLE></TD></TR></TABLE></DIV></div>')

Hors ligne

#9 07-11-2009 16:46:10

KzL31
Membre

Re : Position du menu

alors déjà, java != javascript
là c'est du javascript, si tu veux abréger tu dis js tongue
puis pense à mettre la balise code

et le css à modifier c'est ça smile

document.write('<style type="text/css">');
document.write('.popper { POSITION: absolute; VISIBILITY: hidden; z-index:3; }')
document.write('#topgauche { position:absolute; z-index:10; }')
document.write('A:hover.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('A.ejsmenu {color:#FFFFFF; text-decoration:none;}')
document.write('</style>')
document.write('<div style="position:relative;height:25"><DIV class=popper id=topdeck></DIV>');

Hors ligne

#10 07-11-2009 17:13:58

louis1984
Membre

Re : Position du menu

Merci KzL31 pour ton message.

Par contre comme je suis debutant je ne sais pas ce que je dois modifier dans ce code pour que mon menu soit aligner avec le forum...

Voici un lien vers mon forum tu comprendras de suite: http://izimo.eu/forum/

Le menu est decaller a gauche, et je voudrais qu'il soit aligner avec le forum..

Merci par avance pour ton aide.

Dernière modification par louis1984 (07-11-2009 17:14:23)

Hors ligne

#11 07-11-2009 18:36:20

louis1984
Membre

Re : Position du menu

Merci pour ton aide oldie-2 le menu est centrer mais est devenu vraiment moche... http://izimo.eu/forum/

Comment faire pour avoir mon menu normal et faire en sorte qu'il soit centrer avec le forum?

Hors ligne

#12 08-11-2009 16:23:54

louis1984
Membre

Re : Position du menu

quelqu'un pourrait-il m'aider? Je n'arrive vraiment pas a centrer mon menu..

Merci par avance.

Hors ligne

#13 08-11-2009 16:29:02

louis1984
Membre

Re : Position du menu

Ok c'est bon j'ai trouver comment faire, voici la solution, dans le main tpl:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" dir="<pun_content_direction>">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<pun_char_encoding>" />
<pun_head>
</head>
<body>
<div id="punwrap">
<pun_include "menu.php">
<div id="pun<pun_page>" class="pun">
<div id="brdheader" class="block">
    <div class="box">
        <div id="brdtitle" class="inbox">
            <pun_title>
            <pun_desc>
        </div>
        <pun_navlinks>
        <pun_status>
    </div>
</div>

<pun_announcement>

<pun_main>

<pun_footer>

</div>
</div>

</body>
</html>

J'avais du me planter dans l'ordre des balise.

Merci a tous pour votre aide.

A bientot.

Hors ligne

Pages : 1

Pied de page des forums