(Dateiname bei FINDOLOGIC: structured_autocomplete.css)
In der CSS-Datei findologic_suggest.css finden Sie bereits eine Auswahl an Klassen class= und deren Eigenschaften für die Gestaltung des FINDOLOGIC Suggest-Layers.
Wegweiser: Integration der FINDOLOGIC Suggest-Funktion
/* $Revision: 237 $ */ /* FINDOLOGIC Autocomplete Start */ .ac_results { padding: 0px 10px 0px 10px; border: 1px solid #ADACAC; background-color: white; overflow: hidden; z-index: 30000; width:270px; margin: -1px 0px 0px 0px; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results td { margin: 0px; padding: 5px 10px; cursor: default; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ font:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ line-height: 16px; overflow: hidden; } .ac_loading { background: white url('indicator.gif') right center no-repeat; } .ac_odd { /*background-color: #eee;*/ } .ac_over { background-color: #F0F0F0; } .ac_results td.ac_name { text-align: left; } .ac_results td.ac_cat { text-align: right; } .autocompletecount { color: #808080; float: right; font-size: 8pt; } .autocompleteCat, .autocompleteCat .flHighlight { font-weight:bold; background-color:#fff; color:#000; } .autocompleteCat { margin:-2px -15px 2px; padding:5px; } .flHighlight { color: #780121; font-weight: normal; font-size: inherit; } .ac_results td.ac_image { padding: 5px 0px 5px 5px; } #preview { position:absolute; border:1px solid #ccc; background:#333; display:none; color:#fff; z-index: 100000; } .ac_results td.headline { padding:5px 0px 6px 10px !important; } .ac_result td.ac_name { width:115px; } .ac_results td.ac_price { width:55px; padding:5px 5px 5px 5px; text-align:right; } .ac_results td.ac_baseprice { width:0px; padding:0px 0px 0px 0px; } .ac_title_row td { border-bottom: 1px dotted #D8D8D8; } .ac_results .ac_over td, .ac_results td.allResults { cursor:pointer; } /* FINDOLOGIC Autocomplete End */