[Réglé] Soucis codage menu

[badmetal]

Bonjour,

j'ai un petit soucis assez particulier j'ai un soucis avec un menu fait de mes mains sur mybb,

J'ai réussi a l'intégrer sans soucis, le seul hic, viens que logiquement le menu fait toute la longueur de l'écran (qu'importe la résolution de l'écran);

Bizarrement, tout est ok jusqu'au moment ou vous changer la résolution de l'écran.

Vous allez voir sur l'imprime écran que je vous est fait.

[Saphir]

Bonsoir badmetal.

Malheureusement, sans être en mesure de voir votre forum, nous ne serons pas en mesure de voir d'où vient le problème.

Bonne soirée.

[badmetal]

Voilà le code du menu si ça peu aider:

CSS

Citation :#menu1{
background: url('images/nav.png') repeat-x;
width: 100%;
height: 81px;
list-style:none;
text-align:center;
margin: 0px 0px 20px 0px ;
padding-top: 20px;
font-family:Arial, Sans-Serif;
font-size: 23px;
color: #e4e4e4;
}

#container nav1 {
width: 1100px;
border: 0px solid #e4e4e4;
margin-left: 50px;
padding: 15px;
text-align: left;
}

#nav1, #nav1 ul{
padding:0;
margin:0;
list-style:none;
width: 1450px;
}

#nav1 li{
display:inline-block;
position:relative;
border-radius:0px 0px 0 0;
display:inline-block;
position:relative;
border-radius:0px 0px 0 0;
}

#nav1 ul li{
display:inherit;
border-radius:0;
font-size::10px;
}

#nav1 ul li:hover{
border-radius:0;
font-size::10px;
}

#nav1 ul li:last-child{
border-radius:0 0 0px 0px;
text-align:left;
font-size::10px;
}

#nav1 ul{
position:absolute;
max-height:5px;
width:120%;
overflow:hidden;
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
text-align:left;
font-size::10px;
}

#nav1 li:hover ul{
max-height:30em;
text-align:left;
font-size::10px;
}

Le xhtml:

Citation :<nav id="containernav1">
<nav id="menu1">
<ul id="nav1">
<li>
<a href="#">News</a>
</li>
<li><a href="#">Forum & Profils</a>
<ul>
<li>{$welcomeblock}</li>
<li>{$pm_notice}</li>
<li>{$bannedwarning}</li>
<li>{$bbclosedwarning}</li>
<li>{$unreadreports}</li>
<li>{$pending_joinrequests}</li>
</ul>
</li>

<li><a href="#">Tchat</a></li>
<li><a href="#">Galerie</a></li>

<div id="seach">
<tr>
</tr>
<tr>
<td class="trow3" align="center">
<form method="post" action="search.php">
<input type="hidden" name="action" value="do_search" />
<input type="hidden" name="postthread" value="1" />
<input type="hidden" name="forums" value="all" />
<input type="hidden" name="showresults" value="threads" />
<input type="text" class="textboxse" name="keywords" value="" />
<input type="submit" class="button" value="Go" />
</form>
</td>
</tr>
</div>
</ul>
</nav>
</nav>

Bon j'avou c'est un peu le bordel!! je pensais je remettre d’équerre une fois le haut du mon forum fini

Ps: ya t'il un moyen de trouver les fichiers comme header.php, sur le ftp pour l'éditer, ou doit-on obligatoirement passé par la zone admin pour tout éditer? car c'est à cause de ça que mon code et aussi brouillon!

[Saphir]

Bonjour badmetal.

Tout d'abord, puisque vous avez demandé s'il était possible d'éditer header.php (par exemple), la réponse est oui.
Cependant, nous vous le déconseillons fortement, pour deux raisons :

1. vous risqueriez de corrompre le code contenu dans ces fichiers et rendre le forum inutilisable, voire créer un problème de sécurité,
2. dès que MyBB sera mis à jour, vous perdrez toutes vos modifications.

Maintenant, pour ce qui est de votre code, ce sera difficile voire impossible de déterminer le problème sans avoir accès au forum.
Il est cependant évident que les deux lignes suivantes n'ont pas lieu d'être, puisqu'elles masqueront une partie de(s) (l')élément(s) concerné(s) sur des écrans de résolution classique.

badmetal a écrit :width: 1100px;
width: 1450px;

EDIT : Au temps pour moi, header.php n'existe pas.
Il faut distinguer fichiers PHP et templates.
Les fichiers PHP appellent un template (modèle) qu'il remplira alors avec les informations qui conviennent.
Vous pouvez modifier les fichiers PHP pour modifier le fonctionnement du forum (ce que nous déconseillons très fortement) OU les templates pour modifier la structure des données affichées sur votre forum.
Désolé pour l'éventuelle confusion.

Bonne journée et bonne fin de semaine.

[badmetal]

Oui excuse moi,je parlais bien de template dans "edit template" l'habitude de coté direct sur php

Donc les fichiers "templates" sont accessible par ftp? ou simplement que par le pannel ?

Donc oui j'ai modifier le "Template: header"

[Saphir]

Les templates ne sont pas stockés sur des fichiers mais dans la base de données du forum.
Vous ne pourrez donc les modifier que dans le panneau d'administration ou la base de données.

[badmetal]

Si sa peu aider, le menu en résolution 1380*680, en rafraîchissant la page réapparaît et repart au bout de 2/3 secondes

[spyto]

Ce lien n'ouvre rien !
De toute façon, des screenshots sont toujours insuffisants.

Déjà que ce n'est pas toujours simple quand on visualise le code source de la page, c'est pratiquement impossible de deviner "en aveugle" ce qui pose problème et de travailler sur un code théorique et virtuel.

Pour ma part, je ne pourrai donner de conseil ou d’avis tant que je ne pourrai visualiser réellement le forum.
Ce n'est pas si compliqué de le mettre en ligne, ce ne sont pas les hébergements gratuits qui manquent.

[badmetal]

Bonjour,

Merci pour vos réponses,

J'ai mis en ligne le forum sur un hébergeur gratuit comme conseillé par spyto:

http://******

Ne faite pas attention au erreurs w3c, je m'en occupe des que j'ai fini tout le thème

[spyto]

Bien évidemment, rien ne pourra contenir dans une résolution faible dans la mesure où déjà le logo a une largeur fixée à 1800 px !!!
De plus #container a une largeur fixée à 1100px.

Le code est complètement à revoir. Il faudrait plutôt mettre des largeurs en % pour que ça s’adapte à la fenêtre. Et centrer les éléments "larges"...

Pour visualiser rapidement le rendu d'un site dans plusieurs résolutions il existe de outils en ligne conne : http://testsize.com/

[badmetal]

Merci c'est régler