Bonsoir,
je n'arrive pas à avoir mon slider à height :100%.
J'ai regardé les CSS des dizaines de fois
Je l'ai mis en ligne :
https://lapagetest.fr/test/test.html
Tout cela s'est produit lorsque j'ai supprimé le
de
Code : Sélectionner tout - Visualiser dans une fenêtre à part top: 50px
Voici le reste (les principales) des CSS :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9 .sl-slide, .sl-slides-wrapper, .sl-slide-inner { position: absolute; width: 100%; height: 100vh !important; left: 0; top: 0; }
Merci pour votre aide,
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
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73 #slider { margin: 0px; height: 100vh; } .sl-slider { position: absolute; left: 0; top: 0px; margin-top: 0; height: 100vh !important; background-color: #000000; } .sl-slide { z-index: 1; data-orientation="vertical" data-orientation="horizontal" data-slice1-rotation="3" data-slice2-rotation="3" data-slice1-scale="2" data-slice2-scale="1" } /* The duplicate parts/slices */ .sl-content-slice { overflow: hidden; position: absolute; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; background-color: #000000; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; opacity : 1; } /* Vertical slice */ .sl-slide-vertical .sl-content-slice { width: 50%; height: 100%; top: -200px; -webkit-transform: translateX(0%) scale(1); -moz-transform: translateX(0%) scale(1); -o-transform: translateX(0%) scale(1); -ms-transform: translateX(0%) scale(1); transform: translateX(0%) scale(1); } .sl-slide-vertical .sl-content-slice:first-child { left: -200px; padding: 200px 0px 200px 200px; } .sl-slide-vertical .sl-content-slice:nth-child(2) { left: 50%; padding: 200px 200px 200px 0px; } /* Content wrapper */ /* Width and height is set dynamically */ .sl-content-wrapper { position: absolute; } .sl-content { width: 100%; height: 100%; background: #fff; }
ED
Il y a aussi des parasites sur le slider. Impossible de savoir d'où ils proviennent
Partager