jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

renovations

Browse source
This commit is contained in:
Ilya Kantor 2015-02-15 11:23:36 +03:00
parent fbc63034a4
commit 5fb0e36f13
79 changed files with 686 additions and 766 deletions
Download patch file Download diff file Expand all files Collapse all files

2
2-ui/1-document/15-metrics/4-put-ball-in-center/ball-half/index.html
View file

@ -18,7 +18,7 @@
<div id="field">
<img src="//js.cx/clipart/ball.gif" id="ball">
<img src="//js.cx/clipart/ball.svg" id="ball">
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
</div>

4
2-ui/1-document/15-metrics/4-put-ball-in-center/solution.md
View file

@ -33,7 +33,7 @@ ball.style.top = Math.round(field.clientHeight/2 - ball.offsetHeight/2)+'px';
Код выше стабильно работать не будет, потому что `IMG` идет без ширины/высоты:
```html
<img src="ball.gif" id="ball">
<img src="ball.svg" id="ball">
```
**Высота и ширина изображения неизвестны браузеру до тех пор, пока оно не загрузится, если размер не указан явно.**
@ -43,7 +43,7 @@ ball.style.top = Math.round(field.clientHeight/2 - ball.offsetHeight/2)+'px';
Чтобы это исправить, добавим `width/height` к картинке:
```html
<img src="ball.gif" *!*width="40" height="40"*/!* id="ball">
<img src="ball.svg" *!*width="40" height="40"*/!* id="ball">
```
Теперь браузер всегда знает ширину и высоту, так что все работает. Тот же эффект дало бы указание размеров в CSS.

2
2-ui/1-document/15-metrics/4-put-ball-in-center/solution.view/index.html
View file

@ -18,7 +18,7 @@
<div id="field">
<img src="//js.cx/clipart/ball.gif" width="40" height="40" id="ball">
<img src="//js.cx/clipart/ball.svg" width="40" height="40" id="ball">
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
</div>

2
2-ui/1-document/15-metrics/4-put-ball-in-center/source.view/index.html
View file

@ -18,7 +18,7 @@
<div id="field">
<img src="//js.cx/clipart/ball.gif" id="ball">
<img src="//js.cx/clipart/ball.svg" id="ball">
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .
</div>