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

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 le Mer 27 Avr 2011 - 8: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
***

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 le Mer 27 Avr 2011 - 11: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
+ Hyperactif +

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

http://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 le Mer 27 Avr 2011 - 15: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
***

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 le Mer 27 Avr 2011 - 16:33

Bonjour

Effectivement j'utilise Firefox et vos onglets apparaissent décalé.


Quel navigateur utilisez vous?

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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 le Mer 27 Avr 2011 - 16: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
***

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 le Mer 27 Avr 2011 - 16: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
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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 le Mer 27 Avr 2011 - 16: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
***

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 le Mer 27 Avr 2011 - 17: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
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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 le Mer 27 Avr 2011 - 17: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
***

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 le Mer 27 Avr 2011 - 18: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
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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 le Mer 27 Avr 2011 - 18: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
***

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 le Dim 1 Mai 2011 - 19: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
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

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 le Lun 2 Mai 2011 - 2: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
***

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 le Lun 2 Mai 2011 - 15: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
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

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