Questione : jQuery Autocomplete con il PHP/MySQL [PARTE 2]

(Sto spaccando le mie domande in su in parti in moda da poterlo ottenere voi 1000's dei punti contro appena 500.  Ogni domanda costruirà su quella precedente in modo da assicurar che cercare [PARTE 3] e [PARTE 4] dopo voi calcoliate questo fuori. ) il jQuery Autocomplete il CSS Issue

I del

[PARTE 2] - ha generato un autocomplete di UI che è modellato dopo un autocomplete di Facebook che in quanto la I ha compreso una divisione per un'immagine di profilo.  Tutto sta funzionando perfettamente tranne il mio ribaltamento di CSS in mia scatola di suggerimento.  Poichè vederete nel mio collegamento di esempio qui sotto, la mia librazione verde di ui è restringente alla parte superiore di ogni modifica del
  • piuttosto che coprire l'intero
  • .

    What che sto cercando è… librazione del >
    • The " della pallottola " del class= del

      • The " della pallottola " del class= di

      • The " della pallottola " del class= di white



    I ha provato già un certo numero di cose ma sto ottenendo qualche cosa di errato.  Se poteste agganciarli in su, lo apprezzerei molto. collegamento del

    Example: il rel= " nofollow " " del _blank " " del target= " di http://www.bulkbrokeraid.com/test%20shit/autocomplete.php del href= di om/test%20shit/autocomplete.php

    I di http://www.bulkbrokeraid.c ha compreso il mio codice qui sotto ed inoltre ha attaccato le lime affinchè giochi with.
    class= > " libero " del
    > " del codeSnippet " del class= del
    class= " lineNumbers " del
    class= del 
    1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
    		il class= >//This " notpretty " del id= " codeSnippet756475 " del 
    xmlns= " http://www.w3.org/1999/xhtml " del 

Soddisfare-Tipo testo/HTML " del http-equiv= di 
Document Untitled
type= " testo/css "/> " dello stylesheet " " del rel= " di http://www.pltproject.org/testing18/includes18/jQuery/css/plt-theme/jquery-ui-1.8.2.custom.css del href= del <link
type= " testo/Javascript " ></script> " di http://www.pltproject.org/testing18/includes18/jQuery/js/jquery-1.4.2.min.js " dello src= del <script
type= " testo/Javascript " ></script> " di http://www.pltproject.org/testing18/includes18/jQuery/js/jquery-ui-1.8.2.custom.min.js " dello src= del <script

    type= " testo/Javascript " del <script >
	$ (funzione () {
		$("#send_to„) .autocomplete ({
			fonte: funzione (richiesta, risposta) {
				$.ajax ({
					URL: “find_ships.php„,
					dataType: “json„,
					dati: {
						//maxRows: 12,
						termine: request.term
					},
					successo: funzione (dati) {
						risposta ($.map (data.users, funzione (articolo) {
							rinviare {
								etichetta: item.first_name + ““+ item.last_name,
								valore: item.first_name + ““+ item.last_name,
								azienda: item.co_name
							}
						}))
					}
				})
			},
			minLength: 1,
			fuoco: funzione (evento, ui) {
				$("#send_to ").val (ui.item.label);
				falso di ritorno;
			},
			prescelto: funzione (evento, ui) {
				$("#send_to ").val (ui.item.label);				
				falso di ritorno;
			}
		})
		.data (“autocomplete„). _renderItem = funzione (UL, articolo) {
			ritorno $("<li></li>")
				.data (“item.autocomplete„, articolo)
				.append (“class='para'><strong> del <a><div class='poster_img'></div><span„ + item.label + “</strong><br>„ + item.com pany + “</span></a>")
				.appendTo (UL);
		};
	});
	</script>
    <style>
	.para {
	fonte-famiglia: Verdana, Ginevra, caratteri sans serif;
	fonte-formato: 12px;
	colore: #4a4a4a;	
	galleggiante: di sinistra;
	}
	.poster_img {
	galleggiante: di sinistra;
	altezza: 48px;
	larghezza: 48px;
	bordo: #ddd del solido 1px;
	priorità-immagine: URL (poster_image_bkgrd.jpg);
	margine-parte superiore: 3px;
	margine-di destra: 8px;
	margine-parte inferiore: 3px;
}

	</style>
    </head>

<body>
	<p>Autocomplete Example</p>
    class= " para " del <div >
        >To " di para " " del class= " di send_to del for= del <label: </label>
        size= " " di send_to " del id= " " di para del class= del <input 60 "/>
	</div>
</body>
</html>
</pre>
           </td>
         </tr>
       </table></div>
</div>
   
class= " lastRow del <div del qAttachmentsRow " >
    >Attachments " di nome " del class= del <div: </div>
    class= " valore " del <div >
il <div del ><div " " del bbg del class= " del ><div " del Br " del class= del ><div del class= " bl " di ></td></tr></table><div del class= " r " di ></td><td> </td><td del class= " h " di questionAttachments " del expNoHeader di s snhF5FF il ><tr><td il class= " class= ><table il class= " la l " svuota " bc " " il class= il class= " collegamento " di ></div><div del ><div >
          il nome di schedario " del class= di ><a " " di fileInfo " del class= del <div title= " nessun _blank " rilevato virus " del target= " di http://filedb.experts-exchange.com/incoming/2010/06_w27/320788/autocomplete.php " " del href= class= <span di >autocomplete.php</a> " fileSize " > (3 Kb) il Javascript " del href= " " dei attachmentDetails del class= di </span><a: vuoto (0); clearAttachmentDetails “del onclick= " (); nuovo AsyncInclude (“/shared/async/attachmentDetails.jsp? id=320788„, “attachmentDetailsContent "); showInfoBox (evento, “attachmentDetails "); “> (tipo di lima particolari) </a> </div>
          class= " descrizione " page</div> più >test del <div
</div>
      il class= di </div><div " svuota " il class= " la l " il class= " la r " ></td></tr></table> del ><tr><td del class= " f " di ></div></div></div></div><table di ></td><td> </td><td
      </div>
il <div del ><div " " del bbg del class= " del ><div " del Br " del class= del ><div del class= " bl " di ></td></tr></table><div del class= " r " di ></td><td> </td><td del class= " h " di questionAttachments " del expNoHeader di s snhF5FF il ><tr><td il class= " class= ><table il class= " la l " svuota " bc " " il class= il class= " collegamento " di ></div><div del ><div >
          il nome di schedario " del class= di ><a " " di fileInfo " del class= del <div title= " nessun _blank " rilevato virus " del target= " di http://filedb.experts-exchange.com/incoming/2010/06_w27/320789/find-ships.php " " del href= class= <span di >find-ships.php</a> " fileSize " > (900 byte) il Javascript " del href= " " dei attachmentDetails del class= di </span><a: vuoto (0); clearAttachmentDetails “del onclick= " (); nuovo AsyncInclude (“/shared/async/attachmentDetails.jsp? id=320789„, “attachmentDetailsContent "); showInfoBox (evento, “attachmentDetails "); “> (tipo di lima particolari) </a> </div>
          >php script</div> " di descrizione " del class= del <div
</div>
      il class= di </div><div " svuota " il class= " la l " il class= " la r " ></td></tr></table> del ><tr><td del class= " f " di ></div></div></div></div><table di ></td><td> </td><td
      </div>
</div>
  </div>
class= del <div " libero " ></span></h4>
</td>
</tr>
 
  <tr><td height="2px"></td></tr> 
  <tr style="background-color:#f2f4f6"><td >
<h2 style="font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;color:red;font-weight:bold">
<span id="ContentPlaceHolder1_tieude_as">Risposta : jQuery Autocomplete con il PHP/MySQL [PARTE 2]</span>
</h2></td></tr>
  <tr>
<td valign="top"> 
<h5><span id="ContentPlaceHolder1_ans" style="font-family:Tahoma,Geneva,sans-serif;font-size:12px;font-weight:normal;color:#000000">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
<div class="richText">
Doh, mancante del contrassegno del codice categoria…<br /></div> <!-- richText -->
                      
                      <span class="isBotVideo"></span> <div class="codeSnippet">
                       <table>
         <tr>
           <td class="lineNumbers">
             <pre>
1:
2:
3:
</pre>
           </td>
           <td class="codeBody">
             <pre id="codeSnippet759292" class="notpretty">$(".ui-corner-all ").focus () {
    colore: “#ffffff„
}</pre> 
           </td>
         </tr>
       </table></div>
         <div class="openInNewWindow">
         <div class="bTypeA bGlowSmall bGlowSmallGray"><div class="glowLeft"></div><div class="glowMiddle" style="padding-left: 15px; padding-right: 15px;"><div class="t2i" style="background: url(http://t2i.experts-exchange.com/t/419106-50.png) no-repeat;width:109px;height:12px;"></div></div><div class="glowRight"></div></div></div>
         <div class="selectAll">
         <div class="bTypeA bGlowSmall bGlowSmallGray"><div class="glowLeft"></div><div class="glowMiddle" style="padding-left: 15px; padding-right: 15px;"><div class="t2i" style="background: url(http://t2i.experts-exchange.com/t/421794-50.png) no-repeat;width:53px;height:12px;"></div></div><div class="glowRight"></div></div></div>
       <div class="clear"></div>
</div>
</span></h5>
</td>
</tr>
<tr><td height="5px"></td></tr>

 <tr>
                            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                              <tr>
                                <td><table width="100%" height="25px" border="0" cellspacing="0" cellpadding="0">
                                  <tr>

                                    <td width="100px" bgcolor="#FFFFFF" style="padding-left:5px"><span class="f11blue">Altre soluzioni</span></td>
                                    <td background="http://programming4.us/images/bg-ch.gif"> </td>
                                  </tr>
                                </table></td>
                              </tr>
                              <tr>
                                <td style="padding:5px">
                                <div>
                                    <table id="ContentPlaceHolder1_DataList2" cellspacing="0" style="width:100%;border-collapse:collapse;">
		<tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/it/microsoft/4416.aspx' class="a4">
<li> Sysprepping Windows 7 pc</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/it/microsoft/30400.aspx' class="a4">
<li> Ciclaggio complesso di domanda di Coldfusion</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/it/microsoft/16560.aspx' class="a4">
<li> SPContext.Current sta restituendo la posizione di segnale minimo nell'alimentatore di evento “di SPItemEventReceiver„.</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/it/microsoft/22872.aspx' class="a4">
<li> IL CSS che IL MIME errato scriv dentro Firefox a macchina su Apache, il testo/css .css di AddType è là</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/it/microsoft/7780.aspx' class="a4">
<li> MAcbook pro rifiuta di collegarsi via Ethernet ma impianti via il wifi</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/it/software/33764.aspx' class="a4">
<li> Cliente del Java applet - Eccezione di sicurezza</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/it/microsoft/124.aspx' class="a4">
<li> Mostrare tutte le annotazioni nella domanda se niente selezionato in Listbox - la parte II</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/it/microsoft/26232.aspx' class="a4">
<li> Mouseover su div.a cambia la disposizione di div.b (CSS puro)</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/it/microsoft/32544.aspx' class="a4">
<li> Azionamento duro PowerEdge guast 1850 di incursione 1</li></a>
</td>
</tr>
</table>
</td>
		</tr><tr>
			<td>
<table>
<tr>
<td valign="top" align="left">
<a href='http://faq.wmlcloud.com/it/microsoft/18704.aspx' class="a4">
<li> asp - La risorsa non ha potuto essere trovata</li></a>
</td>
</tr>
</table>
</td>
		</tr>
	</table>

                               
                                </div></td>
                              </tr>
                            </table></td>
                          </tr>

</table>
                    
</div>
                  </td></tr>
                  </table>
                  </form>
                         </td>

                        </tr>
                    
                      <tr>
                        <td> </td>
                        </tr>
                      </table></td>
                    </tr>
                  </table></td>
              </tr>
              </table></td>

        

            </tr>
          </table>

 
         </td>
      </tr>

<tr>
            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td background="http://tutorial.wmlcloud.com/images/bg-mn.jpg" height="30px" style="padding:5px;color:#ffffff;font-size:12px; font-family:Tahoma, Geneva, sans-serif;text-decoration: none;" ></td>
              </tr>
              <tr>
                <td><table width="100%" border="0" cellspacing="0" cellpadding="0">


 <tr>

                    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td><img src="http://tutorial.wmlcloud.com/images/bo-l.png" alt="programming4us" width="8" height="9" /></td>
                          <td bgcolor="#FFFFFF" width="100%"></td>
                          <td><img src="http://tutorial.wmlcloud.com/images/bo-r.png" alt="programming4us" width="8" height="9" /></td>
                        </tr>
                    </table></td>
                  </tr>
                </table></td>

              </tr>
            </table></td>
          </tr>
<tr><td height="2px"></td></tr>
<tr><td>
<div align="center">


</div>
</td>
</tr>
 <tr><td height="3px"></td></tr>

      <tr>
        <td height="2px"></td>
      </tr>
      <tr>
        <td align="left">
        <table cellpadding="0" cellspacing="0" width="100%" align="left">
        <tr>
        <td valign="top">
          <div id="en"><a href='http://faq.wmlcloud.com/microsoft/29368.aspx'><img src='http://faq.wmlcloud.com/flags/en.gif'></a></div>
        </td>
          <td valign="top">
          <div id="de"><a href='http://faq.wmlcloud.com/de/microsoft/29368.aspx'><img src='http://faq.wmlcloud.com/flags/de.gif'></a></div>
        </td>
          <td valign="top">
          <div id="es"><a href='http://faq.wmlcloud.com/es/microsoft/29368.aspx'><img src='http://faq.wmlcloud.com/flags/es.gif'></a></div>
        </td>
          <td valign="top">
          <div id="fr"><a href='http://faq.wmlcloud.com/fr/microsoft/29368.aspx'><img src='http://faq.wmlcloud.com/flags/fr.gif'></a></div>
        </td>
          <td valign="top">
          <div id="nl"><a href='http://faq.wmlcloud.com/nl/microsoft/29368.aspx'><img src='http://faq.wmlcloud.com/flags/nl.gif'></a></div>
        </td>
          <td valign="top">
          <div id="it"><a href='http://faq.wmlcloud.com/it/microsoft/29368.aspx'><img src='http://faq.wmlcloud.com/flags/it.gif'></a></div>
        </td>
          <td valign="top">
          <div id="ru"><a href='http://faq.wmlcloud.com/ru/microsoft/29368.aspx'><img src='http://faq.wmlcloud.com/flags/ru.gif'></a></div>
        </td>
         <td valign="top">
          <div id="se"><a href='http://faq.wmlcloud.com/se/microsoft/29368.aspx'><img src='http://faq.wmlcloud.com/flags/se.gif'></a></div>
        </td>
         <td valign="top">
          <div id="pl"><a href='http://faq.wmlcloud.com/pl/microsoft/29368.aspx'><img src='http://faq.wmlcloud.com/flags/pl.gif'></a></div>
        </td>
        
         <td valign="top">
          <div id="pt"><a href='http://faq.wmlcloud.com/pt/microsoft/29368.aspx'><img src='http://faq.wmlcloud.com/flags/pt.gif'></a></div>
        </td>
         <td valign="top">
          
        </td>
         <td valign="top">
          
        </td>
        </tr>
        </table>
        </td>
      </tr>
        <tr>
        <td height="2px"></td>
      </tr>

</td></tr>


 
</table>
		<script src="//cdn.intergient.com/ramp_core.js"></script>	

</body>
</html>