Bonjour, oui encore un petit problème. voilà le header de mon forum se répète est-ce qu'il y aurai un moyen pour remédier a cela?
![[Image: 1397935501-sans-titre-2.png]](http://imagesup.org/images12/1397935501-sans-titre-2.png)
Vous voyez bien le bannière qui se répète a droite...
Merci de votre aide.
J'avais oublié, Le header se répète seulement sur écran plus large. car chez moi le header s'affiche sans répétition.
Dans le style il manque "no-repeat" après "url(
http://veenforum.net/images/classicblue/head.png)" :
Code :
#logo1{
height:244px;
width:26px;
background: url(/images/classicblue/classicform.png) no-repeat;
margin-top:-100px;
}
#headerveen{
width: 70%;
height: 130px;
background: url(http://veenforum.net/images/classicblue/head.png);
margin: auto;
border-radius: 0px 0px 12px 12px;
border: 1px inset #242424;
border-top-color: #AFAFAF;
}
Pour moi, c'est bon. Vide le cache du navigateur !
Edit: Oups, je n'avais pas élargi horizontalement !
C'est normal qu'il y ait un manque à droite pour de hautes résolutions.
Le sélecteur #panel est à 70% de la largeur de la fenêtre... et ton image ne fait "que" 944 pixels de large, donc forcément, si tu élargis trop, elle ne sera pas assez large !
Il y a deux solutions :
- mettre #headerveen en largeur fixe par exemple width: 944px (la largeur de l'image)
- rester à 70% mais utiliser une image plus large (qui sera tronquée sur de faibles résolution.
Normale j'ai fait le changement avec l'outil de google chrome, seulement moi peux voir le changement.
Lis mon "edit" ci-dessus...
Pour moi aussi, il y a un maque sous Firefox quand la fenêtre est trop large.
Edit : pour info l'image du header de MyBB.fr mesure 1520 px de large.
(19-04-2014, 22:04)Xeem a écrit : [ -> ]Je comprend mais non, sur mon ordinateur chez moi il y a aucun problème. la si j'ajoute no-repeat sa donne cela:
http://imagesup.org/images12/1397937837-sans-titre-1.png
Ce qui est normal, si nous ne voulons pas que l'image se répète alors le surplus reste vide!
L'image étant 944 pixels de large, il faut donc limiter l'entête à la même dimension pour éviter ce genre de situation.
L'utilisation de l'attribut "max-width" est donc recommandé.
Édit : Oupsss! J'ai trop tardé avant d'envoyer ma réponse...
Donc je coupe le header à 944px etj'ajoute l'attribut max-width:944px; ?
C'est l'un ou l'autre!
Ou bien l'entête est toujours fixée à 944px ou bien elle pourra s'agrandir jusqu'à un "max-width" de 944px