Skip to content

Commit bdf7259

Browse files
iliakaniliakan
committed
fix carousel task li space
1 parent 40b715f commit bdf7259

5 files changed

Lines changed: 32 additions & 24 deletions

File tree

‎2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/solution.view/index.html‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -11,16 +11,16 @@
1111
<button class="arrow prev">⇦</button>
1212
<div class="gallery">
1313
<ul class="images">
14-
<li><img src="https://js.cx/carousel/1.png">
15-
<li><img src="https://js.cx/carousel/2.png">
16-
<li><img src="https://js.cx/carousel/3.png">
17-
<li><img src="https://js.cx/carousel/4.png">
18-
<li><img src="https://js.cx/carousel/5.png">
19-
<li><img src="https://js.cx/carousel/6.png">
20-
<li><img src="https://js.cx/carousel/7.png">
21-
<li><img src="https://js.cx/carousel/8.png">
22-
<li><img src="https://js.cx/carousel/9.png">
23-
<li><img src="https://js.cx/carousel/10.png">
14+
<li><img src="https://js.cx/carousel/1.png"></li>
15+
<li><img src="https://js.cx/carousel/2.png"></li>
16+
<li><img src="https://js.cx/carousel/3.png"></li>
17+
<li><img src="https://js.cx/carousel/4.png"></li>
18+
<li><img src="https://js.cx/carousel/5.png"></li>
19+
<li><img src="https://js.cx/carousel/6.png"></li>
20+
<li><img src="https://js.cx/carousel/7.png"></li>
21+
<li><img src="https://js.cx/carousel/8.png"></li>
22+
<li><img src="https://js.cx/carousel/9.png"></li>
23+
<li><img src="https://js.cx/carousel/10.png"></li>
2424
</ul>
2525
</div>
2626
<button class="arrow next">⇨</button>

‎2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/solution.view/style.css‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -61,6 +61,10 @@ body {
6161
padding: 0;
6262
list-style: none;
6363
transition: margin-left 250ms;
64+
/* remove white-space between inline-block'ed li */
65+
/* http://davidwalsh.name/remove-whitespace-inline-block */
66+
67+
font-size: 0;
6468
}
6569

6670
.gallery li {

‎2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/source.view/index.html‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -14,22 +14,22 @@
1414

1515

1616
<ul>
17-
<li><img src="https://js.cx/carousel/1.png">
18-
<li><img src="https://js.cx/carousel/2.png">
19-
<li><img src="https://js.cx/carousel/3.png">
20-
<li><img src="https://js.cx/carousel/4.png">
21-
<li><img src="https://js.cx/carousel/5.png">
22-
<li><img src="https://js.cx/carousel/6.png">
23-
<li><img src="https://js.cx/carousel/7.png">
24-
<li><img src="https://js.cx/carousel/8.png">
25-
<li><img src="https://js.cx/carousel/9.png">
26-
<li><img src="https://js.cx/carousel/10.png">
17+
<li><img src="https://js.cx/carousel/1.png"></li>
18+
<li><img src="https://js.cx/carousel/2.png"></li>
19+
<li><img src="https://js.cx/carousel/3.png"></li>
20+
<li><img src="https://js.cx/carousel/4.png"></li>
21+
<li><img src="https://js.cx/carousel/5.png"></li>
22+
<li><img src="https://js.cx/carousel/6.png"></li>
23+
<li><img src="https://js.cx/carousel/7.png"></li>
24+
<li><img src="https://js.cx/carousel/8.png"></li>
25+
<li><img src="https://js.cx/carousel/9.png"></li>
26+
<li><img src="https://js.cx/carousel/10.png"></li>
2727
</ul>
2828

2929

3030
<script>
31-
/* этот код помечает картинки цифрами, для удобства разработки
32-
его можно убрать, если не нужен */
31+
// этот код помечает картинки цифрами, для удобства разработки
32+
// его можно убрать, если не нужен
3333
var lis = document.getElementsByTagName('li');
3434
for (var i = 0; i < lis.length; i++) {
3535
lis[i].style.position = 'relative';

‎2-ui/2-events-and-interfaces/1-introduction-browser-events/6-carousel/source.view/style.css‎

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -24,6 +24,10 @@ ul {
2424
margin: 0;
2525
padding: 0;
2626
list-style: none;
27+
/* убрать между inline-block li лишние пробелы, которые есть в HTML */
28+
/* http://davidwalsh.name/remove-whitespace-inline-block */
29+
30+
font-size: 0;
2731
}
2832

2933
ul img {

‎2-ui/4-forms-controls/4-forms-submit/1-modal-dialog/solution.view/index.html‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -75,8 +75,8 @@ <h1>Нажмите на кнопку ниже</h1>
7575
</div>
7676

7777
<script>
78-
/* Показать полупрозрачный DIV, затеняющий всю страницу
79-
(а форма будет не в нем, а рядом с ним, чтобы не полупрозрачная) */
78+
// Показать полупрозрачный DIV, затеняющий всю страницу
79+
// (а форма будет не в нем, а рядом с ним, чтобы не полупрозрачная)
8080
function showCover() {
8181
var coverDiv = document.createElement('div');
8282
coverDiv.id = 'cover-div';

0 commit comments

Comments
 (0)