Проблемы со стилями. Помогите!

D
На сайте с 20.09.2010
Offline
175
354

Нашел один хороший скрипт и решил интегрировать его в свою цмс.

Если вставляю его в чистую хтмл страницу - все работает нормально, если же вставляю скрипт в страницу у которой мои стили, то вместо списка из автозаполнения показывает только первую строчку.

Насколько я понял это проблемы со стилями, они где-то переобозначат друг-друга и получается что слой со списком автозаполнения отображается под основной страницей.

На первом скриншоте отображается нормально, т.к. отключил свои стили.

На втором скриншоте стили включены и отображается только 1 запись

Подскажите как изменить стили чтобы нормально отображалось автозаполнение

Стили слоя с автозаполнением:


.ac_results {
padding: 0px;
border: 1px solid WindowFrame;
background-color: Window;
overflow: hidden;
}

.ac_results ul {
width: 100%;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
}

.ac_results iframe {
display:none;/*sorry for IE5*/
display/**/:block;/*sorry for IE5*/
position:absolute;
top:0;
left:0;
z-index:-1;
filter:mask();
width:3000px;
height:3000px;
}

.ac_results li {
position:relative;
margin: 0px;
padding: 2px 5px;
cursor: pointer;
display: block;
width: 100%;
font: menu;
font-size: 12px;
overflow: hidden;
}

.ac_loading {
background : Window url('autocomplete_indicator.gif') right center no-repeat;
}

.ac_over {
background-color: Highlight;
color: HighlightText;
}
#example {


left:10px;
width:150px;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
}
#example2 {
}
.qnt {
position:absolute;
top:2px;
right:10px;
font-size:0.8em;
color:#26A908;
}
gif 1.gif
gif 2.gif
V
На сайте с 10.01.2012
Offline
85
#1

Покажите работоспособность своего сайта (url страницы с формой) - помогу

R1
На сайте с 25.04.2011
Offline
10
#2

Хороший скрипт

R1
На сайте с 25.04.2011
Offline
10
#3

хороший скрипт

N
На сайте с 30.08.2012
Offline
0
#4

Всем привет. Мне тоже нужна помощь со стилями...

На форуме в архивах нашел скрипт, который мне очень пригодился

Скрипт сворачивания/разворачивания - выглядит он так

<script type="text/javascript">

function n(t) {

if (document.all) {

return t.innerText;

} else {

return t.textContent;

}

}

</script>

Тут визуализация кода (http://to.lcc.ru/test/12.htm).

<A onclick="var tmp=n(this); if (tmp == '[+]'){this.innerHTML = '[-]'; document.getElementById('myBlock').style.display = '';} else {this.innerHTML = '[+]'; document.getElementById('myBlock').style.display = 'none';}; return false;" href="javascript: void(0);">[+]</A>

<div id="myBlock" style="display:none">

{akoforms=10}

</div>

Вместо [+] и [-] я вставил

текст[+] и текст[-]

Но столкнулся с одной маленькой проблемой - цвет этих ссылок Синий. а хотелось бы поменять на другой - у меня не получается

Заранее спасибо за помощь

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий