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

35
2-ui/5-widgets/3-widgets-markup/1-semantic-menu/solution.view/index.html
View file

@ -1,5 +1,6 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<style>
@ -7,51 +8,49 @@
margin: 0;
padding: 0;
}
.menu__item {
list-style: none;
display: inline-block;
padding: 6px;
margin: 0 2px;
border: 1px solid gray;
border-radius: 10px;
cursor: pointer;
font-size: 90%;
background: #FFF5EE;
}
.menu__vertical-splitter {
list-style: none;
display: inline-block;
}
.menu__vertical-splitter:before {
.menu__vertical-splitter:before {
content: "|";
}
.menu__item a {
color: black;
text-decoration: none;
}
.menu__item a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<ul class="menu">
<li class="menu__item"><a href="#">Главная</a></li>
<li class="menu__vertical-splitter"></li>
<li class="menu__item"><a href="#">Товары</a></li>
<li class="menu__item"><a href="#">Фотографии</a></li>
<li class="menu__item"><a href="#">Контакты</a></li>
</ul>
<ul class="menu">
<li class="menu__item"><a href="#">Главная</a></li>
<li class="menu__vertical-splitter"></li>
<li class="menu__item"><a href="#">Товары</a></li>
<li class="menu__item"><a href="#">Фотографии</a></li>
<li class="menu__item"><a href="#">Контакты</a></li>
</ul>
</body>
</html>
</html>

25
2-ui/5-widgets/3-widgets-markup/1-semantic-menu/source.view/index.html
View file

@ -1,5 +1,6 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<style>
@ -7,35 +8,35 @@
float: left;
padding: 6px;
margin: 0 2px;
border: 1px solid gray;
border-radius: 10px;
cursor: pointer;
font-size: 90%;
background: #FFF5EE;
}
.vertical-splitter {
float: left;
padding: 6px;
margin: 0 2px;
}
.item:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div class="rounded-horizontal-blocks">
<div class="item">Главная</div>
<div class="vertical-splitter">|</div>
<div class="item">Товары</div>
<div class="item">Фотографии</div>
<div class="item">Контакты</div>
</div>
<div class="rounded-horizontal-blocks">
<div class="item">Главная</div>
<div class="vertical-splitter">|</div>
<div class="item">Товары</div>
<div class="item">Фотографии</div>
<div class="item">Контакты</div>
</div>
</body>
</html>
</html>