Partage
  • Partager sur Facebook
  • Partager sur Twitter

Garder une position lors d'un zoom ou de-zoom

    25 janvier 2020 à 15:03:00

    Bonjour, je me posais une question. J'ai créer une page internet locale, afin de me m'entraîner. Je suis assez content du résultat pour un débutant (moins d'une semaine d'apprentissage). Sauf que j'ai un soucis. Quand je zoom sur google chrome, ce qu'il y a dedans se rétracte et le fond d'écran ne couvre plus toute la page. Est-ce possible de faire en sorte que le zoom n'altère pas la position des choses qui se trouvent dans le site ?

    Merci d'avance pour vos réponses. Je peux vous envoyer mon programme css et en html si vous en avez envie.

    • Partager sur Facebook
    • Partager sur Twitter
      25 janvier 2020 à 19:12:55

      Hello, 

      Pas sur de comprendre ce que tu appelles zoom sur GC ? 

      Tu pourrais nous faire parvenir ton code ? ^^  Oublie pas de l'insérer avec l'outil de code :) (bouton </>)

      Merci !

      • Partager sur Facebook
      • Partager sur Twitter
        28 janvier 2020 à 9:15:33

        <!DOCTYPE html>
        <html>
        		<head>
         			<title>Menu Jeu</title>
         			<link rel="stylesheet" type="text/css" href="menu.css">
        			<meta charset="utf-8">
        		</head>
        		
        		<body>
        
        			<ul>
         				<li><a href="#">Se Connecter</a></li>
         				<li><a href="#">Modes de jeux</a>
          					<ul>
           						<li><a href="#">Famous Places</a></li>
          	 					<li><a href="#">Guess the flags</a></li>
           						<li><a href="#">Guess the capitals</a></li>
           						
          					</ul>
         				</li>
         				<li><a href="#">Catégories</a>
          					<ul>
           						<li><a href="#">Europe</a></li>
           						<li><a href="#">Etats-Unis</a></li>
           						<li><a href="#">Asie</a></li>
            					<li><a href="#">Afrique</a></li>
          					</ul>
         				</li>
         				<li><a href="#">Leaderboard</a></li>
         				<li><a href="https://projetam.wixsite.com/website" target="_blank">Blog</a></li>
         				
        			
        			</ul>
        			<audio controls="control" class="musique" muted="muted" autoplay="autoplay">
        				<source src="musicmenu2.mp3">
        				<source src="musicmenu2.gg">
        			</audio>
        			
        
        		</body>
        </html>
         Voila le html
        body 
        {
        	background: url('mondebien.jpg') no-repeat;
         	background-size: none;
         	margin-left: 25%;
        }
        
        ul 
        {
         	margin: 0px;
         	padding: 0px;
         	list-style: none;
         	font-family: verdana;
        }
        
        ul li 
        {
         	float: left;
         	width: 200px;
         	height: 40px;
         	background-color: black;
         	opacity: .8;
         	line-height: 40px;
         	text-align: center;
         	font-size: 20px;
        }
        
        ul li a 
        {
         	text-decoration: none;
         	color: white;
         	display: block;
        }
        
        ul li a:hover 
        {
         	background-color: #94795C;
        }
        
        ul li ul li
        {
         	display: none;
        }
        
        ul li:hover ul li 
        {
         	display: block;
        }
        
        .musique
        
        {
        
            position: absolute;
            top: 900px;
            left: 850px;
        
        }

        et ici le html

        Je souhaiterai que mon background et mon menu ne se déplace pas lors du ctrl + molette ("zoom")

        • Partager sur Facebook
        • Partager sur Twitter
          3 février 2020 à 17:13:45

          Salut, essaie ça 

          html {
              background: url("mondebien.jpg") no-repeat center center fixed;
              -moz-background-size: cover;
              -webkit-background-size: cover;
              -o-background-size: cover;
              background-size: cover;
          }



          • Partager sur Facebook
          • Partager sur Twitter

          Garder une position lors d'un zoom ou de-zoom

          × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
          • Editeur
          • Markdown