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

Sujet résolu

Anonyme

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.

BenjaminRety

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 !

Anonyme

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

Luruk-Hai

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