Problème avec la position de l'image d'index

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Aller en bas

Problème avec la position de l'image d'index

Message par Arekushia le Ven 6 Oct 2017 - 11:37

Rappel du premier message :

Détails techniques


Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Date inconnue
Lien du forum : http://harry-potter-union.forumactif.org/

Description du problème

Bonjour !

J'aurais besoin d'un peu d'aide avec l'espoir que vous puissiez m'aider ! ^^

Je vais commencer par expliquer la situation. J'ai ouvert ce forum en 2013 et il est devenu inactif par la suite (depuis environ deux ans) et ces derniers jours j'ai décidé de le réouvrir. Mais voilà j'ai quelques problèmes. A l'époque une amie avait fait tout le codage du forum. Donc en revenant je modifie quelques trucs, des catégories, des images qui ont disparu, etc... Le problème est que je n'ai pas un grand niveau de codage (je commence tout juste une licence informatique) et forcément je ne m'y retrouve pas dans toutes ces lignes ^^'

J'ai cherché dans plusieurs sujets mais je ne trouve rien qui puisse m'aider, je m'y attendais vu que de ce que je me rappelle tout a été refait.
Quand je suis revenue sur le forum, il n'y avait pas (ou plus, j'avoue ne pas très bien me souvenir) d'image d'index :
Spoiler:

J'ai voulu en rajouter une et voici ce qui s'affiche :
Spoiler:

Du coup je voudrais changer : la position de l'image pour qu'elle soit droite, la mettre au-dessus de la PA, mettre la barre de navigation au-dessous de l'image d'index.
Vu mon niveau en codage, j'ai beau chercher dans les sections appropriées je n'arrive pas à y faire grand chose. Même quand je repère un truc je ne comprends pas vraiment ce que je lis x) si quelqu'un pourrait au moins m'indiquer une section spécifique (dans le panneau d'admin ou au sein même du code) ou ce qui permet de remettre une image droite ce serait chouette !

Merci d'avoir lu cette longue explication, j'espère avoir été claire ^^' si jamais, n'hésitez pas à me demander des précisions ! o/


Dernière édition par Arekushia le Lun 23 Oct 2017 - 18:00, édité 1 fois
avatar

Arekushia
**

Messages : 57
Inscrit(e) le : 28/09/2017

http://harry-potter-union.forumactif.org/
Arekushia a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Arekushia le Mar 17 Oct 2017 - 18:36

C'est-à-dire ? J’enlèverais quoi sur ce code ?

Est-ce que le "position: absolute" a un rapport avec la position de la barre de navigation ?

Code:
#navigation
{
  position: absolute;
  z-index: 3;
  top: 0;
  left: 50%;
  margin-left: -580px;
  width: 265px;
  height: 310px;
  background: url(http://img.myzupics.com/ac/q7x.png);
 
}
#navig
{
  position: absolute;
  width: 120px;
  margin: 40px 0 0 5px;
}
#navig img
{
  margin-left: 0;
  transition: 500ms;
}
#navig img:hover
{
  margin-left: 10px;
  transition: 500ms;
}
avatar

Arekushia
**

Messages : 57
Inscrit(e) le : 28/09/2017

http://harry-potter-union.forumactif.org/
Arekushia a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Faline le Mar 17 Oct 2017 - 19:14

J'espère que quelqu'un d'autre viendra aider, mais je pense que oui.

Pour ne rien démolir, tu pourrais mettre entre parenthèses de commentaire le code de navigation pour voir le résultat (si tu arrives à centrer depuis le panneau d'admin).
Code:
/*
#navigation
{
  position: absolute;
  z-index: 3;
  top: 0;
  left: 50%;
  margin-left: -580px;
  width: 265px;
  height: 310px;
  background: url(http://img.myzupics.com/ac/q7x.png);
  */
}
#navig
{
  position: absolute;
  width: 120px;
  margin: 40px 0 0 5px;
}
#navig img
{
  margin-left: 0;
  transition: 500ms;
}
#navig img:hover
{
  margin-left: 10px;
  transition: 500ms;
}
avatar

Faline
****

Féminin
Messages : 223
Inscrit(e) le : 16/08/2006

http://faline.conceptbb.com
Faline a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Arekushia le Mar 17 Oct 2017 - 20:26

Quand je fais ça, la barre de navigation reste comme elle mais elle se déplace juste complètement à droite de l'écran :/

J'espère trouver une solution au plus vite mais merci de m'aider ^^
avatar

Arekushia
**

Messages : 57
Inscrit(e) le : 28/09/2017

http://harry-potter-union.forumactif.org/
Arekushia a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Arekushia le Jeu 19 Oct 2017 - 12:36

UP ?
avatar

Arekushia
**

Messages : 57
Inscrit(e) le : 28/09/2017

http://harry-potter-union.forumactif.org/
Arekushia a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Faline le Jeu 19 Oct 2017 - 15:46

Je crains que le problème se situe encore ailleurs qu'au niveau de la feuille de styles, car sur mon forum à moi ton code n'a aucune influence sur la position/disposition du menu (feuille de styles vierge au départ et aucun template de modifié), et je ne peux donc pas faire des essais de modification... pour trouver la solution.
avatar

Faline
****

Féminin
Messages : 223
Inscrit(e) le : 16/08/2006

http://faline.conceptbb.com
Faline a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Arekushia le Ven 20 Oct 2017 - 11:43

Ah oui effectivement :/ merci d'avoir essayé ^^ j'espère que je vais m'en sortir dans toute cette histoire x)
avatar

Arekushia
**

Messages : 57
Inscrit(e) le : 28/09/2017

http://harry-potter-union.forumactif.org/
Arekushia a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Faline le Ven 20 Oct 2017 - 19:28

Le problème pourrait se situer au niveau du template overall_header.
As-tu à la place de
Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
                    <tr>
                        <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                    </tr>
                </table>
autre chose susceptible de te faire des misères ?
avatar

Faline
****

Féminin
Messages : 223
Inscrit(e) le : 16/08/2006

http://faline.conceptbb.com
Faline a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Arekushia le Sam 21 Oct 2017 - 11:49

Je n'ai rien dans la template overall_header avec le mot "menu", avec le mot "nav" j'ai juste ça :
Code:
<div id="bloc_corps"></div>
  <div id="navigation"><div id="navig">{GENERATED_NAV_BAR}</div></div>

Je ne sais pas si ça peut aider mais c'est suivit de ça :
Code:
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <br />
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>
avatar

Arekushia
**

Messages : 57
Inscrit(e) le : 28/09/2017

http://harry-potter-union.forumactif.org/
Arekushia a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Faline le Dim 22 Oct 2017 - 3:43

Le code que j'ai mis ci-dessus semble être celui qui génère la barre.
Commentaire :
J'ai même vu un tuto pour déplacer la barre au-dessus du logo : http://www.never-utopia.com/t28371p25-template-barre-de-navigation-au-dessus-du-header-logo .
Là aussi c'est exactement ce code qu'il faut déplacer.
Est-ce que ta barre devient "normale" quand tu forces les templates par défaut (Affichage/Templates/Général) ? Tu pourrais essayer de repartir à zéro pour la barre en mettant le overall_header par défaut si tu vois que ça marche.
avatar

Faline
****

Féminin
Messages : 223
Inscrit(e) le : 16/08/2006

http://faline.conceptbb.com
Faline a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Arekushia le Dim 22 Oct 2017 - 15:09

Quand je force les template la barre de navigation est comme je le voudrais mais il n'y plus cette barre grise en fond :
Spoiler:

J'ai essayé de changer avec certains éléments du code du tuto mais rien n'y fait :/
Le problème est que quand je mets la template par défaut, la barre grise n'est plus là et je ne sais pas comment la remettre
avatar

Arekushia
**

Messages : 57
Inscrit(e) le : 28/09/2017

http://harry-potter-union.forumactif.org/
Arekushia a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Faline le Lun 23 Oct 2017 - 5:22

Et qu'est-ce que ça donne si tu mets juste le overall_header par défaut et que tu laisses les autres templates tels qu'ils sont (il faudra bien pour ne pas bousiller le corps de l'index).
avatar

Faline
****

Féminin
Messages : 223
Inscrit(e) le : 16/08/2006

http://faline.conceptbb.com
Faline a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Arekushia le Lun 23 Oct 2017 - 14:05

Ca rend exactement comme je le voudrais sauf qu'il n'y a pas la barre grise :
Spoiler:

Y aurait-il un moyen de la rajouter au template par défaut ?
avatar

Arekushia
**

Messages : 57
Inscrit(e) le : 28/09/2017

http://harry-potter-union.forumactif.org/
Arekushia a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Faline le Lun 23 Oct 2017 - 15:42

On sait donc qu'il manque un code dans le overall_header. Arrives-tu à comparer la version par défaut avec celle qui ne marche pas pour juste ajouter (au bon endroit) le bout de code manquant dans la version par défaut ?

Sinon est-ce que ce serait plutôt une question pour le forum des codes (http://forum.forumactif.com/f74-probleme-avec-un-script-un-code) ?
avatar

Faline
****

Féminin
Messages : 223
Inscrit(e) le : 16/08/2006

http://faline.conceptbb.com
Faline a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Arekushia le Lun 23 Oct 2017 - 17:58

J'ai réussi à garder la barre grise ! Maintenant la barre de navigation est au centre mais il y a un nouveau problème... x) les différents boutons de la barre de navigation ne sont pas espacés, où faut-il aller pour les espacer afin que ce soit plus lisible ? (même dans le template par défaut les boutons sont comme ça)

Spoiler:

Oui sûrement, je devrais créer un nouveau sujet là-bas ?
avatar

Arekushia
**

Messages : 57
Inscrit(e) le : 28/09/2017

http://harry-potter-union.forumactif.org/
Arekushia a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Faline le Lun 23 Oct 2017 - 18:51

J'espère qu'il n'y aura pas besoin d'un nouveau sujet : pour espacer les boutons il faudra ajuster la feuille de styles en y supprimant les définitions portant sur la largeur en matière de navigation sauf les 10 px qui permettent aux boutons de bouger.

Et pour la hauteur on peut aussi supprimer pour pas qu'il y ait un espace trop grand entre le tableau et la barre.

avatar

Faline
****

Féminin
Messages : 223
Inscrit(e) le : 16/08/2006

http://faline.conceptbb.com
Faline a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Arekushia le Lun 23 Oct 2017 - 21:51

Je ne sais pas si je m'y prends mal mais quand je supprime tout ce qui concerne la largeur dans l'espace navigation de la feuille de style CSS, rien ne se passe hormis la largeur du fond gris clair du tableau qui s'agrandit :
Spoiler:
avatar

Arekushia
**

Messages : 57
Inscrit(e) le : 28/09/2017

http://harry-potter-union.forumactif.org/
Arekushia a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Faline le Mer 25 Oct 2017 - 15:21

Il me semble que les boutons vont bien maintenant ?

Sauf le petit bout de code avec les millisecondes qui faisait bouger de 10 pixels au passage de la souris (il vaudrait mieux faire déplacer vers le haut ou le bas pour ne pas déplacer tout ce qui se trouve à droite).

Et tout est plus grand/large qu'avant, il faut se mettre en plein écran pour voir un bout de l'arrière-plan.
Il faut remettre le bloc de l'arrière-plan (qui ne fait pas partie de la navigation) :
Code:
#bloc_corps
3.{
4.  position: fixed;
5.  z-index: 1;
6.  width: 1200px;
7.  height: 200%;
8.  top: -50%;
9.  left: 50%;
10.  margin-left: -600px;
11.  margin-top: 0;
avatar

Faline
****

Féminin
Messages : 223
Inscrit(e) le : 16/08/2006

http://faline.conceptbb.com
Faline a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Arekushia le Mer 25 Oct 2017 - 19:43

Oui les boutons sont nickels ^^

Au pire je pense que ce n'est pas trop grave, si jamais je veux le mettre finalement je le rajouterai mais je préfère d'abord rectifier le plus gros.

Oui il me semblait aussi que ça avait changé mais pourtant le code que j'ai est exactement le même que celui que tu as mis (sauf les deux dernières lignes mais je ne crois pas que ça change quoi que ce soit) :
Code:
#bloc_corps
{
  position: fixed;
  z-index: 1;
  width: 1200px;
  height: 200%;
  top: -50%;
  left: 50%;
  margin-left: -600px;
  margin-top: 0;
  transform: rotate(18deg);
  background: #2C2C2C;
}
avatar

Arekushia
**

Messages : 57
Inscrit(e) le : 28/09/2017

http://harry-potter-union.forumactif.org/
Arekushia a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Faline le Mer 25 Oct 2017 - 20:30

Qu'est-ce que tu as fait pour écarter correctement les boutons ? C'est lors de cette opération que quelque chose s'est déglinguée.

Excuse-moi d'avoir mal copié le code.
avatar

Faline
****

Féminin
Messages : 223
Inscrit(e) le : 16/08/2006

http://faline.conceptbb.com
Faline a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Arekushia le Jeu 26 Oct 2017 - 8:16

J'ai remplacé :
Code:
  <div id="bloc_corps"></div>
  <div id="navigation"><div id="navig">{GENERATED_NAV_BAR}</div></div>
Qui est placé avant :
Code:
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <br />
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>

Par :
Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
                    <tr>
                        <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
                    </tr>
                </table>

            <div style="clear: both;"></div>
Qui est placé après :
Code:
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
      <tr>
         <td class="bodyline">
            <table width="100%" cellspacing="0" cellpadding="0" border="0">
               <tr>
                  <!-- BEGIN switch_logo_left -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_left -->
                  <td align="center" width="100%" valign="middle">
                     <!-- BEGIN switch_logo_center -->
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
                     <br />
                     <!-- END switch_logo_center -->
                     <div class="maintitle">{MAIN_SITENAME}</div>
                     <br />
                     <span class="gen">{SITE_DESCRIPTION}<br />&nbsp; </span>
                  </td>
                  <!-- BEGIN switch_logo_right -->
                  <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
                  <!-- END switch_logo_right -->
               </tr>
            </table>
avatar

Arekushia
**

Messages : 57
Inscrit(e) le : 28/09/2017

http://harry-potter-union.forumactif.org/
Arekushia a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Faline le Jeu 26 Oct 2017 - 9:58

Je n'y comprends plus rien Sad . Est-il possible de rétablir la version précédente (tout joue sauf que les boutons "se marchent dessus" et d'aller poser la question comment les écarter dans la section des codes ? Ce sera peut-être plus simple pour quelqu'un qui n'a pas suivi toute l'évolution ici.
avatar

Faline
****

Féminin
Messages : 223
Inscrit(e) le : 16/08/2006

http://faline.conceptbb.com
Faline a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Arekushia le Jeu 26 Oct 2017 - 11:09

Oui je suis perdue moi aussi... J'avais enregistré le code quelque part avant de modifier, je l'ai remis je ne sais pas si ça a bien fonctionné ou pas. Je vais poster un nouveau sujet dans les section code dans ce cas, merci beaucoup pour ton aide ! Smile
avatar

Arekushia
**

Messages : 57
Inscrit(e) le : 28/09/2017

http://harry-potter-union.forumactif.org/
Arekushia a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Faline le Jeu 26 Oct 2017 - 12:01

Non, ce n'est pas à cette version que je pensais (le menu est encore à gauche et la page a giclé en plus), mais à celle qui a donné le résultat
Spoiler:

avatar

Faline
****

Féminin
Messages : 223
Inscrit(e) le : 16/08/2006

http://faline.conceptbb.com
Faline a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Arekushia le Jeu 26 Oct 2017 - 12:28

La page a giclé ?
Oui j'ai juste remis comme c'était avant si jamais j'ai mal arrangé le code et qu'il y ait une meilleure façon de faire
avatar

Arekushia
**

Messages : 57
Inscrit(e) le : 28/09/2017

http://harry-potter-union.forumactif.org/
Arekushia a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Arekushia le Sam 28 Oct 2017 - 16:49

Up ?
avatar

Arekushia
**

Messages : 57
Inscrit(e) le : 28/09/2017

http://harry-potter-union.forumactif.org/
Arekushia a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Arekushia le Lun 30 Oct 2017 - 16:34

Up ?
avatar

Arekushia
**

Messages : 57
Inscrit(e) le : 28/09/2017

http://harry-potter-union.forumactif.org/
Arekushia a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Arekushia le Jeu 2 Nov 2017 - 20:30

Up ? 3:
avatar

Arekushia
**

Messages : 57
Inscrit(e) le : 28/09/2017

http://harry-potter-union.forumactif.org/
Arekushia a été remercié(e) par l'auteur de ce sujet.

Re: Problème avec la position de l'image d'index

Message par Chacha le Ven 10 Nov 2017 - 9:59

Bonjour,

Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 8 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement !

Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 55105
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha a été remercié(e) par l'auteur de ce sujet.

Page 2 sur 2 Précédent  1, 2

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum