bonjour
Après plusieurs années sans élaborer de sites Web je me relance dans l'aventure et je viens de découvrir toutes les possibilités offertes par les dernières normes HTML5 et en particulier avec @media
Après plusieurs heures de lecture j'arrive à faire passer mes balises ul de la position horizontale à la positon verticale en fonction de la définition de l'écran via le code suivant :
Code : 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
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
 
@media all and (max-width: 1024px)
 
{
 
    nav
 
    {
 
        width: auto;
 
        text-align: left;
 
    }
 
    nav ul
 
    {
 
        flex-direction: column;
 
    }
 
    nav li
 
    {
 
        padding-left: 4px;
 
    }
 
    nav a
 
    {
 
        font-size: 1.1em;
    }
 
    nav a:hover
 
    {
        border-bottom: 0;
    }
    #container
    {
    	 flex-direction: column;
    }
}
par contre je n'arrive pas à faire la même chose avec des images au sein d'un div

Pourriez vous m'apporter vos conseils


Par avance merci