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

beautify html

Browse source
This commit is contained in:
Ilya Kantor 2015-03-09 19:02:13 +03:00
parent ecf1478e7e
commit 5342f628da
354 changed files with 13965 additions and 9486 deletions
Download patch file Download diff file Expand all files Collapse all files

55
8-css-for-js/17-css-sprite/sprite-tree.view/index.html
View file

@ -1,64 +1,69 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
.icon {
width: 16px;
height: 16px;
float: left;
background: url(https://js.cx/sprite-tree/icons.gif) no-repeat;
}
.open .icon {
background-position: 0 -16px;
cursor: pointer;
}
.closed .icon {
background-position: 0 0px;
cursor: pointer;
}
.leaf .icon {
background-position: 0 -32px;
cursor: text;
}
li {
list-style: none;
}
.text {
margin: 6px 0 6px 16px;
}
</style>
</head>
<body>
<ul>
<li class="open">
<div class="icon"></div>
<div class="text">Раздел 1<br>В две строки</div>
<ul>
<li class="closed">
<div class="icon"></div>
<div class="text">Раздел 1.1 в одну строку</div>
</li>
<li class="leaf">
<div class="icon"></div>
<div class="text">Страница 1.2<br> в две строки</div>
</li>
<li class="open">
<div class="icon"></div>
<div class="text">Раздел 1
<br>В две строки</div>
<ul>
<li class="closed">
<div class="icon"></div>
<div class="text">Раздел 1.1 в одну строку</div>
</li>
<li class="leaf">
<div class="icon"></div>
<div class="text">Страница 1.2
<br> в две строки</div>
</li>
</ul>
</li>
<li class="closed">
<div class="icon"></div>
<div class="text">Раздел 2
<br>В две строки</div>
</li>
</ul>
</li>
<li class="closed">
<div class="icon"></div>
<div class="text">Раздел 2<br>В две строки</div>
</li>
</ul>
</body>
</html>
</html>