Comme chaque année, le prochain membre du mois (année 2019) sera Premium ! Si celui-ci est VIP il sera Donateur. Le vote pour les staffs, donateurs et anciens staffs sont désactivés. Les membres votant pour eux-même avec un autre compte ne seront pas pris en compte.

Aller au contenu

Cloudfordream
RECRUTEMENT OUVERT !
  • Veuillez ne pas poster de message pour but d'insulter, incitation à la haine, propos sexuels et tout autre qui ne respecte pas nos conditions d'utilisation !

Messages recommandés

Premium

Bonjour a vous la communauté j'ai un petit probleme je n'arrive pas à mettre le background de la page à la bonne taille pour tous le monde voici le code est un Screen :Capture.thumb.PNG.1c5c9dc63984627c969f1aca216ab2ea.PNG

le code :

div {
	background-color: #cc0000;
	height: 100px;
	width: 100px;
}

Merci d’avance pour vos réponce ;)

Modifié par ???????
Srceen ---> Screen

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité

Tu souhaites faire quoi exactement ?

Partager ce message


Lien à poster
Partager sur d’autres sites
Premium
à l’instant, Arwantys a dit :

Tu souhaites faire quoi exactement ?

faire en sorte que la couleur rouge change de taille selon la taille de l'écrand

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité
à l’instant, ??????? a dit :

faire en sorte que la couleur rouge change de taille selon la taille de l'écrand

Tu dois jouer avec ça etc

 

@media (min-width: 768px) {
	TON CSS
}

@media (max-width: 767px) {
	TON CSS
}

 

Partager ce message


Lien à poster
Partager sur d’autres sites
Premium
il y a 2 minutes, Arwantys a dit :

Tu dois jouer avec ça etc

 

@media (min-width: 768px) {
	TON CSS
}

@media (max-width: 767px) {
	TON CSS
}

 

pas encore apris je debut en css

 

Partager ce message


Lien à poster
Partager sur d’autres sites
Invité
il y a 1 minute, ??????? a dit :

pas encore apris je debut en css

 

Alors pourquoi vouloir faire de la responsible ? puis si tu as fixé les dimensions en pixel, tout le monde aura la même

Partager ce message


Lien à poster
Partager sur d’autres sites

Wut..

 

Mais tu fous le background image sur le body et puis le problème est réglé.

Partager ce message


Lien à poster
Partager sur d’autres sites

Salut à toi, désolé de "déterrer" le sujet mais vu qu'il n'est pas marqué comme résolu, je vais te répondre concrétement !

 

Ce que tu devras faire à chaque fois que tu veux mettre un BG sur un site, il faudra le mettre sur l'élément <body> comme ceci :

body{
  background-color: #f00; /* #f00 si tu veux du rouge bien sûr */
}

 

Si tu veux mettre une image en background, l'image risque de se multiplier en petit, voici comment tu pourrais faire pour qu'elle s'adapte à ta page (toujours en background, et dans <body>) :

body{
  background: url('tonimage.png');
  background-position: 50% 50%; /* Pour le centrer */
  background-repeat: no-repeat; /* Empêche la répétition de l'image */
  background-size: 100%; /* L'image va prendre 100% de la hauteur et la largeur de ta page */
}

 

Il y a juste un petit problème, c'est que si ton texte dépasse les 100% et que la scrollbar apparait, on verra blanc sous le background, il faudra donc ajouter :

body{
  background-attachment: fixed; /* Il restera fixe même si la page est en mouvement */
}

 

Voilà ! J'espère que je t'aurai aidé toi et d'autres

 

- Synxgz

Partager ce message


Lien à poster
Partager sur d’autres sites
Fabulous

Si tu as besoin d'aide tu peux venir sur discord : Pool#6255

Partager ce message


Lien à poster
Partager sur d’autres sites
Admin
    Salut Blind ,
    Ton sujet a été déplacé pour une des deux raisons suivantes :

    - Ta demande a été résolue.

    - Ton sujet se trouvait dans la mauvaise catégorie.

        
      Ceci est un message automatique.

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant

×