Вопрос + скриншоты! Шаблон yoo waybeyond

В обсчем так. Ищите в своем CSS такой код: div#menu li span

Для него прописаны следующие стили:

Код (html):

1. div#menu li span {
2. background-position:95% 0;
3. background-repeat:no-repeat;
4. cursor:pointer;
5. display:block;
6. }

Нужно поменять чтобы было так:

Код (html):

1. div#menu li span {
2. background-position:0 50%;
3. background-repeat:no-repeat;
4. cursor:pointer;
5. display:block;
6. }

Ваши рисунки сместятся влево и на центр по высоте. Плюс нужно добавить в этот же код padding, чтобы сдвинуть текст. Например так: padding:0 25px;

Или так: padding: 0 4px 0 25px;

Со значениями сами поиграетесь, чтобы добиться наиболее хорошего результата.

 

1.Да но картинка начинается там же где и название меню (меню из за картинки не расширяется и пробелы нельзя сделать в названии)

 

посмотрите что получилось с меню "квадрат" Изображение не может вместится вместе с текстом только тект может расширить поле! А если изображение больше по размеру чем надпись "квадрат" то остальное просто срезается

 

Я же Вам все описал. Разложил по полочкам. Просто сделайте как написано и все будет нормально. Зачем создавать лишнюю головную боль самому себе?

 

ой просмотрел сейчас посморю. Простите!

 

Да помогло! все шикарно! всем спасибо сказал) Ребята выручили)