mecze sie z umieszczeniem okragłych, dolnych krawedzi w menu moze ktos mi pomoc przerobić kod. i zeby pasek. jpg był wycentrowany miedzy menu1 a menu 2 itd....
ul.menu{
display: block;
list-style: none;
margin: 0;
padding: 0;
text-align: center;
}
ul.menu li{
float:left;
width: 100px;
background-color: #BDD9EE;
height: 25px;
}
.dlewyokragly {
width: 350px;
background-color: #BCD8EE;
background-image: url(menulewe.jpg);
background-repeat: no-repeat;
background-position: 0 100%;
}
.dprawyokragly {
background-image: url(menuprawe.jpg);
background-repeat: no-repeat;
background-position: 100% 100%;
}
<li> <img src="pasek.jpg"/> menu 1
</li> <li> <img src="pasek.jpg"/> menu 2
</li> <li> <img src="pasek.jpg" /> menu 3
</li> <li> <img src="pasek.jpg" align="/>menu 4
</li> <li> <img src="pasek.jpg"/> menu 5
</li> <li> <img src="pasek.jpg"/> menu 6
</li>