Fork me on GitHub




(1) 2 »


MysteryMan
Problème affichage image de fond "header"
#1
Aspirant
Inscrit: 31/07/2005 09:26
De Genève
Messages: 47
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:

Open in new window


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

Open in new window


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/2010 13:40

Cordialement,
MysteryMan
Partager Twitter Partagez cette article sur GG+
Rapport Haut
MysteryMan
Re: Problème affichage image de fond "header"
#2
Aspirant
Inscrit: 31/07/2005 09:26
De Genève
Messages: 47
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/2010 19:29
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Kris
Re: Problème affichage image de fond "header"
#3
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
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/2010 12:00

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Rapport Haut
MysteryMan
Re: Problème affichage image de fond "header"
#4
Aspirant
Inscrit: 31/07/2005 09:26
De Genève
Messages: 47
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/2010 18:09
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Kris
Re: Problème affichage image de fond "header"
#5
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
pas sous opera en tout cas

Posté le : 07/02/2010 20:37

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Rapport Haut
MysteryMan
Re: Problème affichage image de fond "header"
#6
Aspirant
Inscrit: 31/07/2005 09:26
De Genève
Messages: 47
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/2010 23:02
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Kris
Re: Problème affichage image de fond "header"
#7
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
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/2010 23:44

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Rapport Haut
MysteryMan
Re: Problème affichage image de fond "header"
#8
Aspirant
Inscrit: 31/07/2005 09:26
De Genève
Messages: 47
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/2010 22:59

Cordialement,
MysteryMan
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Kris
Re: Problème affichage image de fond "header"
#9
Supporter Xoops
Inscrit: 09/01/2005 13:37
De Breizh
Messages: 16972
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/2010 09:07

La connaissance s'accroît quand on la partage ...
Partager Twitter Partagez cette article sur GG+
Rapport Haut
MysteryMan
Re: Problème affichage image de fond "header"
#10
Aspirant
Inscrit: 31/07/2005 09:26
De Genève
Messages: 47
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/2010 17:03

Cordialement,
MysteryMan
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 Haut   Précédent   Suivant
(1) 2 »



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

68 Personne(s) en ligne (53 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 68 | Plus ...