Support francophone de Xoops

XOOPS (eXtensible Object Oriented Portal System)

Téléchargement

Télécharger xoops 2.4.5 ICI

Installation et mise à jour ICI

Réglement

Vous pouvez visionner la charte d'utilisation ICI

Connexion

Découvrez xoops

MysteryMan

ProblÃ¨me affichage image de fond "header"

Aspirant

Inscrit:
31/07/2005 09:26

De Genève

Messages: 25

Bien le bonjour chez vous.
J'ai fait une petite recherche sur le forum au sujet de mon problème sans trouver de réponse, donc j'ouvre un petit topic.
Je viens de poser une image de fond dans mon "header" (thème "défault") et à première vue cela se présente bien sous Modzilla Firefox 3.5:

Et quand je vais aller vérifier tout ca sous Internet Exlorer, il se passe une chose bizarre:

Mon css est la:


#header {

    margin :                0;

    padding :               0;

    width:                  100%;

    height:                 200px;

    background:             url(icbleu_final.jpg) no-repeat;

    padding:                2px;

    color:                  #fff;

    border:                 1px solid #000;

}

#headerbanner {width: 100%; vertical-align: middle; text-align:center;}

/* fix for banner */

#xo-bannerfix {

    position:               absolute;

    top:                    5px;

    right:                  25px;

    width:                  480px;

    height:                 72px;

    background:             url(bg-ad-top.png) no-repeat;

    padding:                6px;

    z-index:99;

}

#xo-bannerfix object, #xo-bannerfix img {display: block;}

/* end fix for banner */

#headerlogo img { padding-top: 100px; padding-left: 600px }

#headerbar {border-bottom: 1px solid #fff;}

et dans le fichier "theme.html" le "header" est ainsi:


<!-- Start Header -->

<table cellspacing="0">

    <tr id="header">

        <td id="headerlogo"><a href="<{xoAppUrl /}>" title="<{$xoops_sitename}>"><img src="<{xoImgUrl logo2.png}>" alt="<{$xoops_sitename}>" /></a></td>

        <td id="headerbanner"><{$xoops_banner}></td>

    </tr>

    <tr>

        <td id="headerbar" colspan="2">&nbsp;</td>

    </tr>

</table>

<!-- End header -->

Je me demande si la coupure et la répétition de l'image de fond du "header" vient du du fait que je n'utilise pas les "headerbanner"....

Merci d'avance pour votre aide

Posté le : 05/02 13:40

_________________
Cordialement,
MysteryMan

Transférer

MysteryMan

Re: ProblÃ¨me affichage image de fond "header"

Aspirant

Inscrit:
31/07/2005 09:26

De Genève

Messages: 25

Bien bonjour,
je pense d'avoir résolu mon problème.
J'ai enlevé dans mon CSS les lignes suivantes:


#headerbanner {width: 100%; vertical-align: middle; text-align:center;}

/* fix for banner */

#xo-bannerfix {

    position:               absolute;

    top:                    5px;

    right:                  25px;

    width:                  480px;

    height:                 72px;

    background:             url(bg-ad-top.png) no-repeat;

    padding:                6px;

    z-index:99;

}

#xo-bannerfix object, #xo-bannerfix img {display: block;}

/* end fix for banner */

et dans le fichier thèmes la suivante:


<td id="headerbanner"><{$xoops_banner}></td>

Je laisse ce topic encore ouvert pour voir s'il y a quelqu'un qui peut me dire si j'ai fait une erreur grossière ou si c'est correct.
Cordialement
MysteryMan

Posté le : 06/02 19:29

Transférer

Re: ProblÃ¨me affichage image de fond "header"

Inscrit:
09/01/2005 13:37

Messages: 11724

bonjour,

le premier code avait l'air d'être bon.
Quelle est les dimensions de l'image de fond du header ?

@+

Posté le : 07/02 12:00

Transférer

MysteryMan

Re: ProblÃ¨me affichage image de fond "header"

Aspirant

Inscrit:
31/07/2005 09:26

De Genève

Messages: 25

Bonjour Kris,
les dimensions de l'image de fond sont maintenant 1440x250.
Et après ce que j'ai vu, après avoir enlevé les lignes indiquées plus haut, ca a l'air de fonctionner.
Cordialement
MysteryMan

Posté le : 07/02 18:09

Transférer

Re: ProblÃ¨me affichage image de fond "header"

Inscrit:
09/01/2005 13:37

Messages: 11724

pas sous opera en tout cas

Posté le : 07/02 20:37

Transférer

MysteryMan

Re: ProblÃ¨me affichage image de fond "header"

Aspirant

Inscrit:
31/07/2005 09:26

De Genève

Messages: 25

Citation :

kris a écrit:
pas sous opera en tout cas

Excuse moi?
Pas quoi?
Ca ne fonctionne pas?
Je viens d'installer Opera pour voir, et chez moi, (résolution d'écran à 1280 x 1024) ca a l'air tout à fait correct.

Posté le : 07/02 23:02

Transférer

Re: ProblÃ¨me affichage image de fond "header"

Inscrit:
09/01/2005 13:37

Messages: 11724

sous d'écran une résolution supérieure à la largeur de ton image, celle-ci n'est ni répétée, ni étirée
une solution est de mettre une largeur maxi à ton site
comme ceci :


#xo-canvas-content {width: 1442px; margin:0 auto;}

Posté le : 07/02 23:44

Transférer

MysteryMan

Re: ProblÃ¨me affichage image de fond "header"

Aspirant

Inscrit:
31/07/2005 09:26

De Genève

Messages: 25

Salut Kris.
Mes excuses pour mon petit retard.
Merci pour le conseil, car difficile de savoir comment ca se présente avec un petit écran.
Comme je débute avec Xoops, pourrais tu me dire ou je dois placer la ligne que tu m'a mis dans ton post?
Merci beaucoup.
Cordialement
MysteryMan

Posté le : 08/02 22:59

_________________
Cordialement,
MysteryMan

Transférer

Re: ProblÃ¨me affichage image de fond "header"

Inscrit:
09/01/2005 13:37

Messages: 11724

je pense que la feuille de style de ton thème doit déjà avoir cette balise, il suffit donc de la compléter
celà te donnera une largeur fixe maximale et centrer en largeur dans les écrans supérieurs à 1440px (ex: pour moi sous 1 900px)

@+

Posté le : 12/02 09:07

Transférer

MysteryMan

Re: ProblÃ¨me affichage image de fond "header"

#10

Aspirant

Inscrit:
31/07/2005 09:26

De Genève

Messages: 25

Bonjour Kris,
j'ai cherché sur ma feuille de style (thème default) et je n'ai rien trouvé dans ce genre...
Est-ce que je peux éventuellement te l'envoyer pour que tu regardes ca à l'occasion de plus près?
Merci d'avance pour ton aide
Cordialement
MysteryMan

Posté le : 14/02 17:03

_________________
Cordialement,
MysteryMan

Transférer