я получил дизайн:Как добавить «подменю» в это слайд-меню?
<div id="topmenu"><ul>
<li><a href="/">menu1</a></li>
<li><a href="/">menu2</a></li>
<li><a href="/">menu3</a></li>
<li><a href="/">menu4</a></li>
</ul>
<div style="clear: both;"></div>
</div>
#topmenu
{
margin-top: 20px;
min-height: 47px;
background-color: green;
}
#topmenu ul
{
list-style-type: none;
margin: 0 0 0 0;
padding: 13px 0 0 0;
color: #fff;
font-size: 1.6em;
}
#topmenu ul li
{
display: inline;
padding: 15px 2.5% 17px 2.5%;
margin: 0 0 0 0;
}
#topmenu ul li:last-child
{
border: none;
box-shadow: none;
}
#topmenu ul li:first-child
{
border-top-left-radius: 15px;
}
#topmenu ul li img
{
vertical-align: middle;
}
#topmenu ul li:hover
{
background-color: yellow;
}
теперь я хочу сделать подменю под «menu3», но я не имею ни малейшего представления о том, как это сделать. Я не написал этот базовый дизайн, я даже не строитель сайта ....
Это должно быть хорошее место для начала: http://line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu –