хто "шарить" в html і css, допоможіть розібратися. У списку-горизонтальному меню неминуче з'являються якісь відступи зверху і знизу всередині контейнера.
Html-код:
lt; div id ="menu">
lt; ul>
lt; li> lt; a href ="#"> Посилання 1lt; / a> lt; / li>
lt; li> lt; a href ="#"> Посилання 2lt; / a> lt; / li>
lt; li> lt; a href ="#"> Посилання 3lt; / a> lt; / li>
lt; li> lt; a href ="#"> Посилання 4lt; / a> lt; / li>
lt; / ul> lt; / div>
CSS-код:
menu {
background-color: # 537599;
position: relative;
overflow: hidden;
height: 25px;
margin: 20px 0}
menu ul {
list-style: none;
position: relative;
left: 50%;
float: left;
font: 14px Arial;
height: 30px}
menu ul li {
position: relative;
left: -50%;
float: left;
margin: 0 5px;
height: 30px}
menu ul li a {color: white;
display: block;
text-decoration: none;
padding: 4px 10px}
menu ul li a: hover {
background-color: # 4778c3;
color: #ccc}
Залишити відповідь