Je cherche de l'aide pour rendre mon HTML répondant à toutes les tailles d'écran. J'ai essayé @media mais cela ne semble pas fonctionner, peut-être que j'inclus des éléments erronés?
Merci! P>
J'ai 1 autre question Devrais-je utiliser Wrapper autour de mes éléments au lieu de la frontière? P>
Je veux faire un espace entre la classe = principale et la classe = navigation. Comme je l'ai fait entre l'en-tête et le principal (l'attribut de marge whit it) Mais pour une raison quelconque, je ne peux pas faire fonctionner la valeur de la marge-gauche ... p>
Toute suggestion? P>
Merci! P>
P >
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<head>
<link rel="stylesheet" type="text/css" href="tuscany.css"/>
<title>Tuscany Restaurant</title>
</head>
<body>
<div class="head">
<header>
<a href="Home.html">
<img src="Images/spaghetti.jpg" width="200" height="150">
</a>
<h1>Tuscany Restaurant</h1>
</header>
</div>
<div class="navigation">
<nav>
<a href="Home.html">Home</a>
<a href="Menu.html">Menu</a>
<a href="Contact.html">Contact Us</a>
</nav>
<div class="form"
<form action="/action_page.php">
Username: <input type="text" name="usrname"><br>
Password: <input type="text" name="pwd"><br>
<input type="checkbox" name="remember" value="remember"> Remember me next time<br>
<input type="Submit" value="Log in">
</form>
</div>
</div>
<div class="main">
<article>
<img src="Images/restaurant.jpg" width="200" height="150">
<p>Tuscany is Italian Restaurant. Tuscany Restaurant serves pasta,
pizza and beverages.</p>
</article>
</div>
<footer>
<p>Last Update:20.02.2019<p>
<p>Created By: Erki Kurvits<p>
</footer>
</body>
</html>3 Réponses :
J'espère que cette aide
Veuillez lire sur la requête multimédia lire ici A > em> p> Vous êtes Mlle à la balise Fermer Div ou Media Query. P> @media (max-width: 600px) {
nav, article {
width: 100%;
height: auto;}
}
Merci! J'ai également découvert que, parce que la NAV et l'article sont des cours dans mon HTML, j'ai compris. (point) devant des éléments de mon CSS
Je l'ai fait mais ça ne montre pas. Merci pour les commentaires! Les votes lancés par ceux qui ont moins de 15 réputations sont enregistrés, mais ne modifient pas le score post publiquement affiché.
Vérifiez votre CSS. Comme d'autres ont mentionné, il y a quelques erreurs. En plus de cela comme une pointe rapide, essayez de rendre la balise édité Fiddle H1 Area bien quand elle est réactive. Actuellement "Toscane Restaurant" vient à deux lignes lorsque le navigateur est redimensionné.
Merci pour l'info! Et oui, j'essaie d'aller sur mon CSS tout en le faisant, mais débutant encore et difficile à attraper de petites erreurs.
Une solution rapide pour votre problème:
1) manquant '{}' Supports bouclés
2) La méthode que j'ai utilisée pour la requête multimédia: @media et (max-largeur: 600 px)
La requête des médias doit être fermée comme ceci:
Inclure votre exemple @media.
Votre tag @media n'est pas fermé ..?
Aussi votre
div avec la classe.form n'est pas fermé :)Merci! J'ai réalisé que j'ai beaucoup d'erreurs sans fermer les tags et etc ....