Aller au contenu
  • Veuillez ne pas poster de message pour but d'insulter, incitation à la haine, propos sexuels et tout autre qui ne respecte pas nos conditions générales !

Aide html


Snolix

Messages recommandés

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 :

Pour avoir accès à cette image, merci de vous connecter.

le code :

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

Merci d’avance pour vos réponce ;)

Modifié par ???????
Srceen ---> Screen
Lien à poster
Partager sur d’autres sites

à 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
}

 

Lien à poster
Partager sur d’autres sites

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

 

Lien à poster
Partager sur d’autres sites

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

Lien à poster
Partager sur d’autres sites

  • 2 mois plus tard...

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

signature.png

Salut à tous, n'oubliez le petit ? et le Point de Réputation, ça fait toujours plaisir !

 

Langages pratiqués : HTML5, CSS3, SQL, PhP,. Si vous avez des questions, besoin de me contacter... je suis très disponible sur discord : Synxgz#5824

 

Lien à poster
Partager sur d’autres sites

  • 3 semaines plus tard...

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

|---------------------------------------------------------------------------|

Hudson Hornet

Passionné d'informatique

Développement web

 

Un problème ? Tu peux me contacter via le forum ou bien sur discord. Je t'ai aidé ? N'oublie pas le pouce bleu !

 

"Tremblez, tyrans, et vous, perfides, l'opprobre de tous les partis, tremblez ! Vos projets parricides vont enfin recevoir leurs prix !"

|---------------------------------------------------------------------------|

 

Lien à poster
Partager sur d’autres sites

  • 3 semaines plus tard...
  • Administrateur
    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.

J'essaie de m'adoucir, mais l'humain me rend noir.

Lien à poster
Partager sur d’autres sites

  • Solife à fermer ce/cette sujet
  • Administrateur
    Salut ßĿĪИD ,
    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.

J'essaie de m'adoucir, mais l'humain me rend noir.

Lien à poster
Partager sur d’autres sites

  • 1 mois plus tard...
  • Administrateur
    Salut ßĿĪИD ,
    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.

⠀⠀Founder of Inshare.fr

⠀⠀Baylife moderator

⠀⠀Twitch channel moderator

⠀⠀French translator Trucksbook.eu

𝐹𝑒𝑒𝑙 𝑓𝑟𝑒𝑒 𝑡𝑜 𝑤𝑟𝑖𝑡𝑒 𝑎 𝑐𝑜𝑚𝑚𝑒𝑛𝑡

—————————————————

╱⠀⠀⠀⠀⠀⠀⠀⠀⠀Règlements⠀⠀ //⠀⠀Abonnements⠀⠀ //⠀⠀ Discord   ⠀⠀⠀⠀⠀⠀⠀⠀⠀╲

 

signature.png

Lien à poster
Partager sur d’autres sites

Invité
Ce sujet ne peut plus recevoir de nouvelles réponses.
×
×
  • Créer...