sIFR + <span>(другой метод, использующий изображение, тоже не работает) - PullRequest
Новая
       1

sIFR + <span>(другой метод, использующий изображение, тоже не работает)

1 голос
/ 11 мая 2009

Я пробовал много раз и искал эту доску, но я не могу сделать такую ​​простую вещь, как это:

http://xs.to/xs.php?h=xs139&d=09201&f=menu676.gif

Я хочу сделать меню вроде этого:

пункт 1 | пункт 2 | пункт 3 | .... и т.д ...

"элемент 1" И символ трубы "|" = sIFR визуализированный текст

HTML: 

<div id="menu"> item 1 <span class="pipe"> | </span> item 2 <span class="pipe"> | </span> </div>

Эта часть находится в моем HTML в самом низу: 

<script type="text/javascript">

var metaroman2 = 

{ src: 'shared/sifr/metaroman2.swf' , ratios:[....7, 1.32....] }; 
sIFR.activate(metaroman2);

sIFR.replace(metaroman2, {

selector: '#menu', css: ['.sIFR-root { background-color: #F9F9F9; color: #1F2956; font-weight:bold;}'], wmode: "transparent" }); 
sIFR.replace(metaroman2, {

selector: '.pipe', css: ['.sIFR-root { background-color: #F9F9F9; color: #1F2956;}'], wmode: "transparent" }); 
</script>

CSS: 

.sIFR-active .pipe {

visibility : hidden; line-height : 1em; margin-left : 5px; margin-right : 5 px;
} 
.sIFR-active #menu {

visibility : hidden; line-height : 1em;
}

Проблема в том, что "|" символ помещается в конец слова без пробела (5 пикселей).

Как я хочу это: пункт 1 [5px пробел] | [5px пробел] пункт 2

Что я получу: элемент 1 | элемент 2

ДРУГОЙ МЕТОД:

Если я попробую сделать это с изображением, оно вообще не будет отображаться. («sIFR.fitExactly = true» было установлено в sifr-config)

Что я имею в виду под «изображением»: вместо знака трубы - изображение, представляющее знак трубы.

HTML: 

<div id="menu"> item 1 <img src=...> item 2 <img src=...> </div>

CSS: 

.sIFR-active #menu {

visibility : hidden; line-height : 1em;
}

Сценарий: Эта часть в моем HTML в самом низу: 

<script type="text/javascript">

var metaroman2 = 

{ src: 'shared/sifr/metaroman2.swf' , ratios:[....7, 1.32....] }; 
sIFR.activate(metaroman2);

sIFR.replace(metaroman2, {

selector: '#menu', css: ['.sIFR-root { background-color: #F9F9F9; color: #1F2956; font-weight:bold;}'], wmode: "transparent" }); 

</script>

Прошу прощения за грязный код, но надеюсь, вы сможете разобраться в этом.

(правка: несколько дней использовал sIFR, простой заголовок заменен на работу с коэффициентами, но вышесказанное избивает меня)

1 Ответ

0 голосов
/ 11 мая 2009

Оберните каждый элемент меню в отдельный элемент и замените его селектором sIFR, не заменяйте трубы. оберните их в span и style только с помощью CSS.

все замененные элементы и промежутки должны быть плавающими блочными элементами.

HTML: 

<div id="menu"><a href="#">Item 1</a><span>|<span><a href="#">Item2</a>...

CSS: 

#menu a , #menu span {
    display: block;
    float: left;
}
...