Réduire l'espace entre le header et le menu

[Thanatrios]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://luxomniavincit.forumactif.org

Description du problème

Bonjour.

Je viens vers vous car je suis en train de monter un forum destiné à une alliance de jeu que je suis en train de monter.

Je trouve les fonctions assez complètes et l'ensemble très maniable.
Cependant je rencontre un problème d'ordre esthétique. En fait, en haut de mon forum j'ai positionné un header avec le nom de notre alliance, et en dessous j'ai le menu avec les icônes cliquables ("forum", "calendrier", "FAQ"... etc), et pour finir le "corps" du forum en dessous avec les catégories etc...

Entre le menu et le corps du forum j'ai un grand espace comme vous verrez sur l'image au dessus en spoiler, c'est le thème qui est fichu comme ça, et j'aimerais réduire cet espace seulement je ne trouve pas d'option correspondante en dehors de "centrer le menu".

Quelqu'un saurait-il comment je pourrais m'y prendre?

Merci d'avance!

Cordialement.

[AenigmA]

Bonjour,

En fait il manque 2 images à ce thème, le haut et le bas. Il est donc déformé sur ton forum

Voici à quoi il ressemble d'origine



Deux solutions s'offrent à toi, comme tu as fait et faire aller le cadre droit jusqu'en haut et en bas, ou mettre le haut et le bas, sachant que ta bannière se mettra à l'emplacement du triangle et la barre de navigation plus basse.

Tu me diras.

[Thanatrios]

Bonjour,

En fait il manque 2 images à ce thème, le haut et le bas. Il est donc déformé sur ton forum

Voici à quoi il ressemble d'origine



Deux solutions s'offrent à toi, comme tu as fait et faire aller le cadre droit jusqu'en haut et en bas, ou mettre le haut et le bas, sachant que ta bannière se mettra à l'emplacement du triangle et la barre de navigation plus basse.

Tu me diras.

Bonjour!

D'aaaaaacooooord...
Je dois avoir l'air un peu stupide du coup. Je ne savais même pas à quoi ressemblait le thème entier... Je l'ai téléchargé et installé depuis l'interface admin de mon forum. Ce n'est pas moi qui ai fait aller le cadre droit jusqu'en haut en en bas, c'était juste comme ça quand je l'ai prévisualisé (même si il est vrai que ça me choquait un peu que les bordures se finissent de manière si abrupte).

Maintenant que je le vois entier, effectivement, j'aimerais bien avoir les autres parties du thème... Même si elle ne collent plus tellement à l'esprit de ce que je fais... :/

Tu saurais où je peux me les procurer?

Merci d'avance!

[AenigmA]

Bonsoir,

Tu peux rajouter à la fin de ta css* pour voir ce que ça donne ceci :

Code:


/* Pour voir original */
#page-header {
    background-image: url("http://i38.servimg.com/u/f38/09/00/15/94/header10.png");
    background-repeat: no-repeat;
    height: 348px;
    margin: 0;
    padding: 0;
    width: 1053px;
}
#page-footer {
    background-image: url("http://i38.servimg.com/u/f38/09/00/15/94/pied_d10.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 370px;
    margin: 0;
    padding: 0;
    width: 1053px;
}
/* Fin original */


Sinon, pour garder comme tu as commencé, mettre le haut et le bas ainsi :

Code:

#page-header {
    background-image: url("http://i85.servimg.com/u/f85/11/95/30/70/t213.png");
    background-repeat: repeat-y;
    height: 270px;
    margin: 0;
    padding: 0;
    width: 1053px;
}
#page-footer {
    background-image: url("http://i85.servimg.com/u/f85/11/95/30/70/t213.png");
    background-position: center bottom;
    background-repeat: repeat-y;
    height: 74px;
    margin: 0;
    padding: 0;
    width: 1053px;
}

* Css > dans ton panneau d'administration > onglet affichage > Images et Couleurs > Couleurs > Feuille de style CSS
Penser à Valider

[Thanatrios]

Merci beaucoup!

En fait j'ai testé la première solution et il y a un souci d'affichage, tu verras de quoi je veux parler si tu te rends sur mon forum (dont le lien est en haut de topic)

Si je me fie aux images que tu as mises un peu plus tôt, le header de mon forum est censé se trouver dans le "cadre bleu" mais là... C'est le menu et le header est décalé en haut...

Peux tu déterminer d'où le problème vient?

[AenigmA]

Je te regarde ça demain matin, et j'éditerai CE message, bonne soirée

[Thanatrios]

Je te regarde ça demain matin, et j'éditerai CE message, bonne soirée

Très bien, merci beaucoup de ton aide

[AenigmA]

Bonjour,

L'image originale

https://i.servimg.com/u/f18/09/00/15/94/header10.png

J'ai regardé le principe ce matin, l'image fait 600px X 300px et sert de positionnement pour la barre de navigation, je pense que tu comprendras avec ce schéma :



Il faut donc pour ne pas être obligé de modifier les réglages de faire ton image avec les dimensions d'origine et de positionner vers le bas ton titre

ps : pense à sauvegarder tes images sur ton pc (haut bas et bannière)
Si besoin ou problème tu peux m'envoyer un message privé

[Thanatrios]

Bonjour!

D'accord je crois que je comprends. Si je refais une image aux dimensions données (en me débrouillant pour que le titre soit positionné vers le bas) le menu devrait retrouver sa position initiale car il se "colle" à l'image.

Bon et bien je vais tenter de voir avec Paint si je peux y arriver!
Merci beaucoup pour ta réactivité et ta gentillesse.
Je vais pouvoir mettre le sujet en résolu grâce à toi.

Cordialement.

[AenigmA]

Je vois que tu as compris, bonne continuation avec ce beau thème.

[Thanatrios]

Merci infiniment

[Chacha]

..	Bonjour et Bienvenue sur le Forum des Forums ForumActif Vu que vous êtes nouveau, voici quelques sujets importants : Sécurité : mail de fondation - Ce qu'il ne faut pas faire Questions/Réponses fréquentes - Listing Trucs et astuces - Listing La fonction Rechercher La FAQ de ForumActif.com N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse