Ne pas afficher les Widgets sur les pages HTML

[adrien_69]

Détails techniques

Version du forum : ModernBB
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Internet Explorer
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.passionlachasse.com

Description du problème

Bonjour à tous,

J'ai rajouté quelques widgets sur les pages du forum, néanmoins j'aimerais qu'ils ne s'affichent pas sur mes pages HTML puisque j'utilise le haut et bas du forum ?

Merci.

Cordialement, Adrien.

[lmc38510]

Bonjour "adrien_69"

En tête de ta page html tu dois avoir une balise <style>

ajoute en tout début de liste:

Code:

#right{display:none;}

[adrien_69]

Bonjour,

Merci pour votre réponse.

Si j'ai bien placé le code, cela ne fonctionne pas !



Cordialement, Adrien.

[lmc38510]

adrien ... non ton css est mal placé

il faut qu'il soit dans le "head" juste avant la balise </head>

Code:

<style>
#right{display:none;}
</style>


[adrien_69]

Bonjour,

Oupssssssss !

En effet, ça marche nettement mieux comme ça !

Par contre mon cadre principal de la page n'est plus centrer comme à l'origine sans les widgets, est ce que c'est possible d'y faire quelques choses ?

Merci beaucoup !

[lmc38510]

Par contre mon cadre principal de la page n'est plus centrer comme à l'origine sans les widgets, est ce que c'est possible d'y faire quelques choses ?

Certainement ... mais réactive le "display-none"  pour voir comment corriger le défaut d'affichage

[lmc38510]

adrien ... dans ton  code html du doit avoir :

Code:

<table style="background-color: rgb(176, 176, 140);width: 1050px;text-align: left;margin-left: auto;margin-right: auto;" border="0" cellpadding="0" cellspacing="1">

rectifie le ... en supprimant le "text-align: left;"

comme ceci

Code:

<table style="background-color: rgb(176, 176, 140);width: 1050px;margin-left: auto;margin-right: auto;" border="0" cellpadding="0" cellspacing="1">

[adrien_69]

Je viens d'essayé :



Et c'est pareil ?
http://www.passionlachasse.com/h60-liens-divers-chasse

[lmc38510]

Pour moi c'est parfaitement centré fait " CTRL F5 "

[adrien_69]

Toujours pas... j'ai testé sur un autre PC et 2 navigateurs différents au cas où... et c'est pareil...

[lmc38510]

Je ne sais plus quoi te dire sous "Firefox" et "Chrome" c'est OK

comme ceci :

[lmc38510]

Essaie dans le "style" du body de rajouter => margin-left:auto;margin-right:auto;  <=

pour voir ...

[adrien_69]

Toujours pas... En faite en me basant sur l'image de l'entête, si je mets la taille de la fenêtre comme la vôtres. Idem, le cadre est bien centré sur la page si je mets ma fenêtre en pleine écran non... Ca doit se jouer sur la résolution d'écran... Pourquoi, aucune idée !

Et suffit que je désactive les widgets pour que mon cadre soit cadré normalement !

Dans tous les cas, merci d'avoir essayé !

[lmc38510]

 si ton écran est en affichage 100% tu devrais avoir le même résultat que mes copies  d'écran ...

la largeur de "table" est fixée à "width: 1050px;" donc pas de problème à la centrée  

Je ne retrouve pas (en l'examinant) le Html dont tu m'as fait le début ... en "Screen"

transmet moi (en MP) ton "/h60-liens-divers-chasse"  que je fasse des essais (si tu le souhaites)  

[adrien_69]

Je veux bien ! je te le transmet !

Merci !

[lmc38510]

Adrien si en modifiant l'affichage du Forum à 75% ta page ce centre

Reviens à ton affichage fixe en px ...

Modifie dans ton "head" du Html

Code:

<style>
 #left{display:none;}
 #left{margin:180px;}
 </style>

Remplace le par

Code:

<style>
 #left{display:none;}
 #wrap{width:1050px !important;}
<!-- ? -->            <!--#left{margin:180px;} -->
 </style>

Supprime l'instruction "left"

[adrien_69]

Bonjour,

Merci pour ton aide.

Donc quand je mets ce code là, juste avant ma balise </head> :

Code:

<style>
#right{display:none;}
#wrap{width:1050px !important;}
<!-- ? -->            <!--#left{margin:180px;} -->
 </style>


J'obtient, presque une page centrée et le plus grand espace est maintenant de l'autre coté ?

[lmc38510]

il te faut encore modifié le "padding: 24px 36px; " mis à ton "wrap"

le passé dans ton Html à  

Code:

#wrap{padding: 24px 0px !important;}

[adrien_69]

Tout fonctionne, sujet résolu !

Merci beaucoup pour ton aide !