Fond d'écran trop petit

[Scratpub]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Moi uniquement
Lien du forum : http://scratpub.forumactif.org/

Description du problème

Bonjour,

j'ai un problème avec le fond de mon forum.
Je me demande pourquoi mon fond d'écran n'ai pas élargi sur tout le forum ?
Il me mais en petite cases comme vous pouvez le voir. Ma taille est de 1000x600.
Et je voudrais que mon fond ne soit plus en petit carré !!!

Merci à vous.

[MasDan]

Bonjour Scratpub,

Pour ajuster votre image à votre fond d'écran, ajouter à votre CSS

Code:

body {
  background-size: cover;
}

[Scratpub]

Bonsoir MasDan,
à quel endroit doit je le mettre dans mon css?

Ici ? :

Code:

body
{
background-color: #c899cf;
background-image: url(https://i62.servimg.com/u/f62/17/93/77/94/fondro11.jpg);
background-position:top center;
background-repeat:repeat;
font-variant:small-caps
}

[MasDan]

Exact.

Comme vous avez déjà un code pour la sélecteur body, inclure seulement la ligne deux de mon code au votre..

[Scratpub]

Le code ne fonctionne pas.
Je les mis comme ceci :

Code:

body
{
background-size: cover;
background-color: #c899cf;

[◦Jay◦]

Bonjour, votre code n'est pas fermé et il faut le mettre comme ceci :

Code:

body
{
background-size: cover !important;}

Bien à vous.

[Scratpub]

Bonjour cela ne fait rien !

Voilà mon code entier.

Code:

body
{
background-size: cover;!important;}
background-color: #c899cf;
background-image: url(https://i62.servimg.com/u/f62/17/93/77/94/fondro11.jpg);
background-position:top center;
background-repeat:repeat;
font-variant:small-caps
}


[◦Jay◦]

Actuellement, le code n'est pas sur votre forum, vous l'avez retiré ? Quelles cases sont cochées au bas de votre feuille de style css ?

[Scratpub]

Oops oui je les retiré comme il ne fonctionne pas.
Ou c'est que je ne les pas bien mis !?

Voici ce qui est cocher :
Forcer le CSS de base du forum: " Non "
Désactiver le CSS de base : " Non "
Optimiser votre CSS : " Oui "

[◦Jay◦]

Personnellement, si je mets le code sur votre forum, il fonctionne parfaitement.

Code:

body
{
background-image: url(https://i62.servimg.com/u/f62/17/93/77/94/fondro11.jpg);
background-size: cover !important;}

Mais il faut le mettre comme je viens de l'écrire, vous avez mis un ";" avant "!important;"

[Scratpub]

Je n'y arrive pas
Je les mais comme ceci :

Code:

   
body
{
background-image: url(https://i62.servimg.com/u/f62/17/93/77/94/fondro11.jpg);
background-size: cover !important;}
background-color: #c899cf;
background-image: url(https://i62.servimg.com/u/f62/17/93/77/94/fondro11.jpg);
background-position:top center;
background-repeat:repeat;
font-variant:small-caps
}


[◦Jay◦]

Pourquoi mettez-vous tout cela ? Mettez simplement le code que je vous ai donné :

Code:

body
{
background-image: url(https://i62.servimg.com/u/f62/17/93/77/94/fondro11.jpg);
background-size: cover !important;}

Et actuellement, il n'y a pas ce code sur votre forum.

[Scratpub]

Je viens de le mettre.
Et cela ne fait toujours rien je ne comprends pas.
Je viens de l'installé comme vous me l'avez demander.

[◦Jay◦]

Il y a un problème, le code n'est pas présent sur votre forum, avez-vous d'autres codes dans votre CSS ?

[Scratpub]

Voilà tout mon css si cela peut vous aidez :

[◦Jay◦]

Retirez ---// MON CSS ---// s'il y est vraiment.Je n'ai pas tout regardé mais déjà au début, vous fermez deux fois le code body }}

[Scratpub]

ah sa y est !
J'ai fait comme vous me l'avez dit j'ai enlevé : " ---// MON CSS ---// " et j'ai retiré le petit crochet. Je ne l'avais pas vu que je l'avais déjà mis. !!

[Scratpub]

Merci beaucoup !!
Pour le coup de pouce !