|
|
|
| Пытаюсь сделать главное меню как на сайте http://www.pexsupply.com без JS на чистом CSS.
Вот что пока удалось сделать:
<title></title>
<link rel="stylesheet" type="text/css" href="example.css">
</head>
<body>
<ul class="menu">
<li><a href="russian.html">Презентер</a>
<div>
<a href="#">Бeфcтpoгaнoв</a><br>
<a href="#">Гycь с яблоками</a><br>
<a href="#">Kpyneник новгородский</a>
</div>
</li>
</ul>
|
ul.menu {
padding:0px;
margin:0px;
width: 300px;
height:100px;
background-color:rgb(153,204,102);
z-index: 1;
}
ul.menu li {
list-style-type: none;
}
ul.menu li div {
padding:0px;
margin:0px;
width: 300px;
background-color: rgb(153,204,255);
z-index: 100;
}
a[href*="russian.html"]:before {
display: inline-block;
margin-right: 0.25em;
content: url("bullet2.png");
}
|
Не могу понять, "куда копать дальше"? Понимаю, что как-то нужно увязать через псевдоклассы, а как... | |
|
|