1

Доброго времени суток. Хотелось бы узнать, как решить мою проблему. Делаю меню на css. Вот исходник: http://jsfiddle.net/d2rFD/1/ Но там в конце первой строчки вылазит косяк: туда попадает фон следующего элемента, как это можно исправить?

Почему то не сохраняется css код, выложу его тут:

.catalog_menu {
    width: 920px;    
}

.catalog_menu ul li {
    display: inline;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    border-radius: 5px;
    background: url('http://networkcomp.ru/cat_menu_bg.png') repeat-x;
}

.catalog_menu a {
    margin: 0px;
    height: 24px;
    color: #366c08;
    padding: 5px 10px 5px 10px;
    text-decoration: none;
}
2
  • 1
    CSS я в ваш пример добавил, ссылку обновил, но проблему, описанную выше не увидел. Проблема возникает в каком-то определенном браузере?
    – Deonis
    19 окт 2012 в 9:26
  • Проблема эта появляется в Опере, опера свежая... Вот что в ней происходит networkcomp.ru/im.bmp 19 окт 2012 в 9:54

1 ответ 1

3
display: inline-block;

вместо display: inline;

http://jsfiddle.net/Q9LDx/

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.