Jump to content
  • Please do not post a message for the purpose of insulting, incitement to hatred, sexual remarks and any other which does not respect our terms of use !
Sign in to follow this  
Snolix

 html Aide html

Recommended Posts

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 ;)

Edited by ???????
Srceen ---> Screen

Share this post


Link to post
Share on other sites
Guest
à 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
}

 

Share this post


Link to post
Share on other 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

 

Share this post


Link to post
Share on other sites
Guest
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

Share this post


Link to post
Share on other 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

Share this post


Link to post
Share on other sites
Fabulous

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

Share this post


Link to post
Share on other sites
Admin
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.

Share this post


Link to post
Share on other sites
Admin
Admin
    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.

Share this post


Link to post
Share on other sites
Admin
Admin
    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.

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.
Sign in to follow this  

×
×
  • Create New...