Bonjour,
Je souhaites créer un menu simple mais responsive 100%CSS et si possible avec FLEX.
Pourriez vous m'indiquer un exemple, car les pages de Topos vont trop loin, et souvent ne donnent pas un exemple simple "clé en main"
Je sais que je n'utilises que des méthodes périmées, mais cela vous donnera une idée de mon menu.
Un autre problème que j'ais, est que sur smartphone, le menu passe bien ligne par ligne, mais en coupant des libellé ???
Bref je suis certain qu'un mordu du <LI + FLEX va me remettre dans le bon chemin..
Merci d'avance
Jean-Pierre
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
<!DOCTYPE html>
<html lang='fr'>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<![endif]-->
<style type='text/css'>
html, body{height:100%;}
body { background-color:#ffffff;font-family :Georgia, "Times New Roman", Times, serif; color :#000000; font-size :18px;} 
* { box-sizing:border-box; }
div.centre2blanc {height : auto;width : 90%;max-width : 1200px;margin : auto;text-align : center;}
a.lemenu {  color:#3F4057;  text-decoration:none;  font-size:24px;}
a.lemenu:link {}
a.lemenu:hover {color:#FF2222;}
a.lemenuA {  color:#aa2222;  text-decoration:none;  font-size:24px;}
</style>
</head><body>
<div class='centre2blanc'>
<br /><img src='imagevide.png' alt='Fox Infographie' class='levide' /><br />   <!-- un vide de 920*96px  -->
<a href='apropos.php' class='lemenu'  >A Propos</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href='news.php' class='lemenu' >Les News</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href='#' class='lemenuA' >Le-Blog</a>   <!-- le menu en cours  -->
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href='wphoto.php' class='lemenu' >Galeries</a>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href='lien.php' class='lemenu' > Coup-de-Coeur </a>
&nbsp;&nbsp;<br /><br clear=both>
</div>
</body></html>