Jump to content
  • 0

Как создать меню в css.?


Sheena
 Share

Question

3 answers to this question

Recommended Posts

  • 0
<style type="text/css">
#menu {
padding: 20px 0 0 50px;
width: 250px;}
#menu .title {
font-size: 140%;
font-style: italic;
color: blue;}
#menu .item {
position: relative;
border-top: 1px solid #ffa0a0;
padding-right: 70px;}
#menu .item .prise{
background-color: #f0f0ff;
position: absolute;
width: 60px; height: 100%;
top: 0; right: 0;
padding-left: 10px;}
</style>

<div id='menu'>
<div class='title'>Меню в CSS</div>
<div class='item'>
Рыба
<div class='prise'>
50 р.
</div>
</div>
<div class='item'>
Мясо
<div class='prise'>
150 р.
</div>
</div>
<div class='item'>
Очень длинный пункт меню, прям как мерседес
<div class='prise'>
20 р.
</div>
</div>
<div class='item'>
Хлеб
<div class='prise'>
20 р.
</div>
</div>
</div>

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy