[RÉGLÉ] Mise en page

[hartclip]

Bonjour,

J'ai fait une mise en page en tab mais j'ai un petit soucis!
J'ai toutes les tabs qui apparaissent sur une seule!!
Impossible de savoir ou se trouve mon bug!

Voici le site en question qui me prend la tête :

http://www.ideceo.fr/index.php/solutions

Si vous avez une idée! Je prends tout de suite

Merci d'avance,
Bien cordialement,
Edith Bonamy

[chabi01]

Re : Mise en page

Site en maintenance : impossible de voir la page...
Pour les tabs, quel plugin a été utilisé ?
Cordialement,

[hartclip]

Re : Mise en page

Bonjour,

J'ai mis le site en ligne ;-)
Autant pour moi! C'est le code du template DOOM

Bien cordialement,

[chabi01]

Re : Mise en page

Sur Firefox 28 Linux, tes tabs fonctionnent parfaitement : Expertise et conception, Sap N. Bi, Sap Bi IP, SAP BPC, etc...

Essaye sur différents navigateurs (Lequel utilises-tu ?)

[hartclip]

Re : Mise en page

Bonjour,

Merci pour ta réponse.

Je suis sous Firefox. En faite elles fonctionnent bien mais quand j'ouvre la première fois la page j'ai tout le contenu des tabs qui appaissents dans une seule. Cela le fait aussi chez mon client! ;-( Je ne sais pas d'ou cela peut venir car en effet lorsque je clique sur un tab par la suite tout fonctionne super bien! Très étrange. Alors je me dis que j'ai mal placer une div mais si c'était le cas les tabs ne seraient pas bonne!

Vraiment étrange! Non?

[chabi01]

Re : Mise en page

Testé plusieurs fois...aucun souci de mon côté.
Vérifie si en vidant ton cache cela solutionne quelque chose : le dernier tab cliqué est gardé en mémoire sur le navigateur..
Cordialement,

[Rajoz]

Re : Mise en page

Bonjour hartclip,

Quand on regarde via "Inspecter l'élément" de Chrome, le code est le suivant :

<div class="tab">
    <div class="tabbale">
        <ul id="tab1" class="nav nav-tabs">
            <li class="active">...</li>
            <li>...</li>
            <li>...</li>
            <li class="active">...</li>
            <li>...</li>
            <li>...</li>
        </ul>
        <div class="tab-content">
            <div id="tab1-tab1" class="tab-pane fade active in">...</div>
            <div id="tab1-tab2" class="tab-pane fade active in">...</div>
            <div id="tab1-tab3" class="tab-pane fade active in">...</div>
            <div id="tab1-tab4" class="tab-pane fade active in">...</div>
            <div id="tab1-tab5" class="tab-pane fade">...</div>
            <div id="tab1-tab6" class="tab-pane fade">...</div>
        </div>
    </div>
</div>

Les deux onglets avec class="active" sont "Expertise & Conception" et "SAP BPC". Ce sont ceux qui s'affichent comme ouverts initialement.

Il faut donc regarder comment enlever le class="active" initial sur "SAP BCP" dans les onglets tabs du template Doom.

Pour le contenu c'est la même chose on retrouve la class="active" pour les contenus des onglets 1, 2, 3 et 4 en même temps.

On retrouve le même type de problème sur la page Qui sommes-nous avec les deux onglets "Nos équipes" et "Nous rejoindre" (le 's' est à corriger) et un mélange des quatre contenus qui sont aussi en "active".

Amicalement,
Rajoz

EDIT :

• Ajout de l'information sur le contenu.
• Ajout de Qui sommes-nous

[hartclip]

Re : Mise en page

Bonjour,

Merci pour votre retour.

C'est surement cela je vais tester ;-)
Et je reviens vers vous ;-)

[hartclip]

Re : Mise en page

Bien vu ;-)
Il s'agissait bien de classe active c'était tellement évident!!!
Encore un grand merci!

J'ai un autre problème avec l'image de fond qui ne veux pas changer quand je la charge!
Si je modifie le nom dans le css elle disparaît comme il faut!
Si je la renomme avec le bon nom dans le fichier des images l'image n’apparait pas!
Si je mets la nouvelle image avec le nom de celle d'origine rien ne se passe non plus!
Vraiment étrange! c'est bien la 1ère fois que ça m'arrive!

C'est cette image : background-image: url("../images/br-bg.png");
Elle est dans les onglets de menus : solution, conseil, qui sommes-nous ...

Encore un grand merci pour votre aide ;-)

Bien cordialement,
Edith Bonamy

[Rajoz]

Re : Mise en page

Bonjour Edith,

J'imagine qu'il s'agit de l'image dont j'ai trouvé le CSS dans template.css aux environs de la ligne 466 :

#sp-breadcrumb-wrapper {
  background-size: 100% 100% !important;
  margin-bottom: -100px;
  background: url(../images/br-bg.png) no-repeat 0 0;
  padding: 80px;
  text-align: center;
}

Normalement en chargeant une image par exemple monbackground.png dans le dossier images comme br-bg.png et en modifiant le nom dans le CSS (background: url(../images/monbackground.png) no-repeat 0 0; ), la nouvelle image devrait s'afficher.

Par contre quand on charge une nouvelle image en lui donnant le nom d'origine br-bg.png et donc sans modifier le CSS, le cache à qui on demande la même chose va continuer de fournir l'ancienne image. C'est peut-être ce qui se passe.

La première chose à faire c'est de vider les caches de Joomla! et du navigateur pour voir si l'image qui s'affiche correspond bien à celle dont le fichier est chargé dans le dossier images et dont le nom est dans le CSS.

Amicalement,
Rajoz

EDIT : Je ne l'ai pas précisé mais quand je parle du dossier images, il s'agit du dossier du template (templates/rox_doom/images) pas de celui qui se trouve à la racine du site Joomla!.

[hartclip]

Re : Mise en page

Merci c'est parfait ;-)
J'étais dans le mauvais dossier ;-)

Bonne soirée,
Bien cordialement,
Edith Bonamy

[chabi01]

Re : Mise en page

Problème résolu alors ?

[hartclip]

Re : Mise en page

Oui tout ah fait ;-)
Je vais mettre le poste en résolu d'ailleurs!

Bonne journée de 1er Mai ;-)

[chabi01]

Re : Mise en page

Merci à Rajoz pour sa participation
Cordialement,