Горизонтальное меню на картинке

[Rustick]

Ссылка

Бэкграунд - картинка (по заданию там будет не красный фон, а картинка). Нужно сделать горизонтальное меню с маркерами в виде квадратов.

Проблема в том, что если в ul.topmenu li ставлю float: left; то мой бэкграунд пропадает. А если прописываю туда display:inline, то пропадают маркеры. Как решить проблему?

Edited October 12, 2011 by Rustick

[psywalker]

Ссылка

Бэкграунд - картинка (по заданию там будет не красный фон, а картинка). Нужно сделать горизонтальное меню с маркерами в виде квадратов.

Проблема в том, что если в ul.topmenu li ставлю float: left; то мой бэкграунд пропадает. А если прописываю туда display:inline, то пропадают маркеры. Как решить проблему?

Ссылка не открывается. Ну да и фиг с ней. В общем предлагаю маркеры сделать абсолютными элементами, желательно на :before

[Rustick]

Ссылка

Бэкграунд - картинка (по заданию там будет не красный фон, а картинка). Нужно сделать горизонтальное меню с маркерами в виде квадратов.

Проблема в том, что если в ul.topmenu li ставлю float: left; то мой бэкграунд пропадает. А если прописываю туда display:inline, то пропадают маркеры. Как решить проблему?

Ссылка не открывается. Ну да и фиг с ней. В общем предлагаю маркеры сделать абсолютными элементами, желательно на :before

Спасибо. приписал к li - display:inline;

а в css добавил

li:before {
     content: "¶ "; /* Добавляем желаемый символ перед элементом списка */ 
   }

Маркеры появились. Только как вместо этой картинки поставить квадратик?

[Rustick]

Квадрат нашел. Проблема решена. Способ устраивает. Еще раз спасибо.

Ссылка работает. Хотелось бы все таки узнать, как можно решить задачу обычными методами типа float:left или display:inline, если это возможно.