Je fais mon C.V. sous forme de site web. Pour la barre de navigation, j'ai utilisé flexbox.
Le problème est que lorsque je cherche à faire du responsive design pour l'adapter au mobile, à la page d'accueil, le texte d'un lien de la barre de navigation est remplacé par le texte d'un autre lien de cette barre.
sans ton HTML on n'ira pas loin C'est comme si tu nous servais un bon potage, mais sans bol, ça a l'air chouette mais on peut pas en faire grand chose.
(fais attention à l'indentation, aussi : ta dernière partie est illisible)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
<html>
<head><meta charset="utf-8" />
<link rel="stylesheet" href="css.css" />
<title>Accueil</title>
</head>
<body>
<h1>Bienvenue !</h1>
<p><img class="img" src="M.jpg" alt="Photo" />
Je m'apelle Maxime et j'ai 23 ans. J'ai crée ce site dans le but de montrer mes compétences. Les fichiers du site sont donc <a href="CVWeb.zip">téléchargeables</a> (au format .zip) pour que vous puissiez vous faire une idée de ce que je peux faire.<br />
Ce site est donc amené à changer au fur et à mesure que mes compétences évoluent.<br /><br />
Pour ce qui est de la police d'écriture, j'utilise black jack reular que j'ai télécharger sur <a href="https://www.fontsquirrel.com">fontsquirrel.com</a>. Vous verrez dans les pages qui suit un icône représentant la page d'accueil, je l'ai télécharger du site <a href="http://fontello.com">fontello.com</a> l'icône en question.<br />
</p>
<nav class="flex">
<div class="block"><a href="Comp.html">Compétences</a></div>
<div class="block"><a href="Ben.html">Bénévolat</a></div>
<div class="block"><a href="EtuForms.html">Formation/Études</a></div>
<div class="block"><a href="XpPro.html">Éxpériences professionnelles</a></div>
<div class="block"><a href="CeInt.html">Centres d'intérêts</a></div>
</nav>
<script src="JS.js"></script>
</body>
</html>
Tu fais .block:hover { display: none; }. Cela signifie que dès qu'un élément de classe "block" est survolé, il disparaît (ce qui fait donc qu'il n'est plus survolé, donc réapparaît, donc est survolé, donc disparaît… ça clignote ^^). Or tes éléments de menu sont dans des éléments avec cette classe. Cette instruction devrait purement et simplement être supprimée, à mon sens : que cherchais-tu à faire exactement ?
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Je pense que tu n'as pas besoin de JavaScript, par contre, peux-tu expliciter le comportement que tu attendais ?
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Flexbox et responsive design
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Pas d'aide concernant le code par MP, le forum est là pour ça :)