Problème d'entête décalée
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Problème d'entête décalée
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!!!
Merci de tout coeur, je sais plus quoi faire!
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!
Re: Problème d'entête décalée
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 :
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
Re: Problème d'entête décalée
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...
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à
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à
Re: Problème d'entête décalée
Bonjour
Effectivement j'utilise Firefox et vos onglets apparaissent décalé.
Quel navigateur utilisez vous?
Effectivement j'utilise Firefox et vos onglets apparaissent décalé.
Quel navigateur utilisez vous?
Re: Problème d'entête décalée
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!
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!
Re: Problème d'entête décalée
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?
Quel est la taille du votre?
Re: Problème d'entête décalée
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)
EDIT: Quand je dézoom une fois (Dans mon navigateur) Je vois tout parfaitement... Étrange!
Je le vois décalé moi aussi, mais les onglets par contre je les vois dans les boîtes (Voir mes screenshots d'ailleurs)
EDIT: Quand je dézoom une fois (Dans mon navigateur) Je vois tout parfaitement... Étrange!
Re: Problème d'entête décalée
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?
Lors de la création de votre menu avez vous défini une marge par rapport au contenu qui se trouve au centre?
Re: Problème d'entête décalée
Voici l'image en tant que telle, bien centrée pourtant...
Image
Et la partie qui se trouve dans overall_header concernant cette image:
.tablprincip contient mon image...
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...
Re: Problème d'entête décalée
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.
Re: Problème d'entête décalée
Je veux bien, mais comment je règle ce léger soucis? J'ai pas osé bidouiller de peur de tout démolir XD
Re: Problème d'entête décalée
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.
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;
Normalement cela devrait fonctionné.
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é.
Re: Problème d'entête décalée
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
En fait je ne crois pas savoir comment créer une class :/
Merci
Re: Problème d'entête décalée
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.
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 ;
}
Sujets similaires
» Image décalée .
» Liste des topics décalée
» Section décalée
» Bannière décalée
» Image Catégorie décalée
» Liste des topics décalée
» Section décalée
» Bannière décalée
» Image Catégorie décalée
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum