| |
|
|
| | Cделал впринципе то что хотел.
Но как сделать так чтобы над выпадающим окошке искомых слов была картинка:
картинка (треугольник например)
__________________
|1 искомые слова |
| 2 искомые слова |
| 3 искомые слова |
| 4 искомые слова |
|_______________|
как здесь : http://www.iconfinder.net/ введите слово "arrow"
Вот мой код:
<td align="left" valign="top" bgcolor="#FFFFFF"><script type="text/javascript" src="{THEME}/js/ajax_search.js"></script>
<DIV>
<input name="story" type="text" id="find" style="width:400px; height:18px; font-family:tahoma; font-size:12px;border:1px solid #A1B1BE; onclick="" onkeyup = "autoquerylist(this.value)"javascript:hider()/>
</DIV>
(этот giv выводит искомые слова) <div id="search-layer" class="results"></div></td>
|
и код css
.results{position:absolute; width:422px;)
}
.results ul, .results li{ font-size: 12px; padding:0; margin:0; background:#FFF; list-style:none; text-indent:1px; border-top:dotted 1px #a1b1be; }
.results li { border-left: 1px solid #a1b1be; border-right: 1px solid #a1b1be;}
.results li a{display:block; padding:3px; text-decoration:none; color:#000000; font-weight:normal;}
.results li a small{display:block; text-decoration:none; color:#999999; font-weight:normal;}
.results li a:hover{background:#EAF4FF; }
.results ul {padding:0px; border-bottom: 1px solid #a1b1be; }
|
| |
| |
|
