Problème d'entête décalée

3 participants

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

Résolu Problème d'entête décalée

Message par Snape Mer 27 Avr - 1:43

J'ai ajouté un menu (Page html dans les modules) mais voilà... Celui-ci est décalé sur certains écrans (Comme chez moi) et sur d'autre il est parfaitement cadré...

Est-ce que quelqu'un saurait ce qu'est le problème, je ne sais pas trop quoi ajuster pour rendre le tout correct sur tout les types d'écrans.

Voici mon haut de forum avec le menu à 8 onglets, ce qui est décalé, ce sont les boîtes contenant les onglets... Ou peut-être est-ce le forum qui est décalé, bref j'en sais rien!!!
Spoiler:

Merci de tout coeur, je sais plus quoi faire!
Snape

Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'entête décalée

Message par Scipion Mer 27 Avr - 4:49

Bonjour !

Le format de votre bannière me semble trop grand (1270x506 pixels). Remplacez temporairement votre image par la suivante, qui est de format réduit (970x386pixels), afin de mieux cerner éventuellement le reste des problèmes :

Code:
http://i24.servimg.com/u/f24/13/94/72/47/logoen10.jpg
Cordialement
Scipion

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

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

Résolu Re: Problème d'entête décalée

Message par Snape Mer 27 Avr - 8:55

Merci pour votre réponse Scipion

Je me suis dit: Pourquoi pas, après tout souvent ce sont les choses à quoi nous ne pensons pas qui fonctionnent, mais pas dans ce cas-ci lol!

Je suis convaincu (Après avoir testé votre image et merci d'avoir prit le temps de la redimensionner d’ailleurs) que ce n'est pas ça le problème.

Regardez ce que ça donne une fois que j'applique l'image redimensionnée...
Spoiler:

Je continue à croire que ce sont les réglages de la page html que j'ai rajouté... Cependant, si je met l'image un peu plus à gauche, ce sont les onglets (Qui ne font pas partie de l'image) qui restent décalés...

Je ne saurais trop quoi faire, encore là Sad
Snape

Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'entête décalée

Message par tupac Mer 27 Avr - 9:33

Bonjour

Effectivement j'utilise Firefox et vos onglets apparaissent décalé.
Problème d'entête décalée 2011042716

Quel navigateur utilisez vous?
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 12/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'entête décalée

Message par Snape Mer 27 Avr - 9:35

Oh! Un autre problème! Décidément...

J'utilise pourtant Firefox (Ainsi que tout les autres navigateurs existants) et avec Firefox je ne vois pas ce problème...

Je devrais demander à tous mes membres de prendre un screenshot du forum eh!
Snape

Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'entête décalée

Message par tupac Mer 27 Avr - 9:48

Mais bon je ne pense pas que ce soit du aux navigateurs mais plutôt a la taille de chaque écran.

Quel est la taille du votre?
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 12/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'entête décalée

Message par Snape Mer 27 Avr - 9:49

C'est un écran 19" en résolution 1280x1024

Je le vois décalé moi aussi, mais les onglets par contre je les vois dans les boîtes (Voir mes screenshots d'ailleurs)

Smile

EDIT: Quand je dézoom une fois (Dans mon navigateur) Je vois tout parfaitement... Étrange!
Snape

Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'entête décalée

Message par tupac Mer 27 Avr - 10:07

Vous voyez bien les onglets dans leur boite pourtant vous utilisez Firefox comme moi donc ça ne peut qu'être un problème de taille d'écran enfin je pense.

Lors de la création de votre menu avez vous défini une marge par rapport au contenu qui se trouve au centre?
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 12/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'entête décalée

Message par Snape Mer 27 Avr - 10:17

Voici l'image en tant que telle, bien centrée pourtant...

Image

Et la partie qui se trouve dans overall_header concernant cette image:

Code:
<style>
      /* Début de la feuille de style */

  .onglet-content > div {
        display : none ;
        padding: 7px ;
      }
      .onglet-content > div.active{ display : block ; height:0px; margin-top:-70px; font-size:13px; margin-bottom: 20px; width:930px; background-position: top center; background-repeat: no-repeat; background-position: center; margin-left: -220px;  }

 
      .onglet-table td {
        border : solid 0px ;
        padding : 3px 80px ;
        opacity : 0.5 ;
      }
      .onglet-table td.active, .onglet-table td:hover {
        opacity : 1 ;
      }

.tablprincip{
        background-image: url('http://i71.servimg.com/u/f71/14/31/19/86/96800911.jpg');
        background-position: top center;
        background-repeat: no-repeat;
        height: 332px ;
        }

.texte{
        padding-right:0px;
        padding-left:200px;
        }

      .onglet-table td.active, .onglet-table td:hover {
        opacity : 1 ;
      }
      /* Fin de la feuille de style */
  </style>

.tablprincip contient mon image...
Snape

Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'entête décalée

Message par tupac Mer 27 Avr - 11:35

En fait vous avez défini la marge de vos onglets par rapport au bord de l'écran donc forcément suivant les tailles d'écran les onglets ne sont pas a la même place il faudrait définir la marge par rapport au contenu du menu.
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 12/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'entête décalée

Message par Snape Mer 27 Avr - 11:36

Je veux bien, mais comment je règle ce léger soucis? J'ai pas osé bidouiller de peur de tout démolir XD
Snape

Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'entête décalée

Message par tupac Dim 1 Mai - 12:00

Bonjour

Bon apparemment vous avez défini une classe dans la table pour vos onglet.

Donc pour celui de gauche vous avez déjà ceci j'ai rajouté un margin-right a vous de le régler.
Code:
.onglet-table td {
  margin-right: 50px;
  border : solid 0px ;
  padding : 3px 80px ;
  opacity : 0.5 ;
}

Puis pour vos onglets de droite rajouter celui-là en aillant bien sur changé la classe dans votre page d'accueil (onglet-table 2) puis régler le margin-left: 50px;
Code:
.onglet-table2 td {
  margin-left: 50px;
  border : solid 0px ;
  padding : 3px 80px ;
  opacity : 0.5 ;
}

Normalement cela devrait fonctionné.
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 12/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'entête décalée

Message par Snape Dim 1 Mai - 19:38

J'ai tenté les changements, mais cela ne semble rien changer du tout. De plus, je ne suis pas sûre de votre deuxième code, où dois-je placer ça et qu'est-ce que la classe de la page d'accueil? Je ne sais pas si j'ai bien trouvé la bonne chose.

En fait je ne crois pas savoir comment créer une class :/

Merci
Snape

Snape
***

Messages : 157
Inscrit(e) le : 24/01/2011

http://blackhill.forumactif.name/
Snape a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème d'entête décalée

Message par tupac Lun 2 Mai - 8:51

Votre menu est composé de deux parties onglet,une sur la gauche et l'autre sur la droite donc vous avez du les placer chacun dans un tableau.

Chaque tableau est composé d'une classe comme ceci <table classe="onglet-table"> il vous suffi juste de changer la classe de votre tableau ou se trouve les onglets a droite ( EXEMPLE: onglet-table2 ) et de rajouter dans votre feuille de style ceci.
Code:
.onglet-table2 td {
  margin-left: 50px;
  border : solid 0px ;
  padding : 3px 80px ;
  opacity : 0.5 ;
}
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 12/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

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

- Sujets similaires

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