Pergunta : jQuery Autocomplete com PHP/MySQL [PARTE 2]

(Eu estou rachando minhas perguntas acima nas peças de modo que você possa começ 1000's dos pontos contra apenas 500.  Cada pergunta construirá em cima da precedente assim que certificar-se que você para procurar [PARTE 3] e [PARTE 4] após você figura este para fora. ) o jQuery Autocomplete CSS Issue

I do

[PARTE 2] - criou um autocomplete de UI que fosse modelado após um autocomplete de Facebook que naquele I incluiu um div para um retrato do perfil.  Tudo está trabalhando perfeitamente à exceção de meu derrubamento do CSS em minha caixa de sugestão.  Porque você verá em minha ligação do exemplo abaixo, meu pairo verde do ui é shrinking à parte superior de cada Tag do
  • um pouco do que cobrir o
  • .

    What que eu estou procurando é… pairo do >
    • The da " bala " do class= do

      • The da " bala " do class= de

      • The da " bala " do class= de white



    I tentou um número de coisas já mas eu estou começ algo errado.  Se você poderia o enganchar acima, eu apreciaria muito. ligação do

    Example: o rel= " nofollow " do " _blank " " do target= de " http://www.bulkbrokeraid.com/test%20shit/autocomplete.php do href= do o om/test%20shit/autocomplete.php

    I de http://www.bulkbrokeraid.c incluiu meu código abaixo e igualmente uniu as limas para que você jogue with.
    class= > " desobstruído " do
    > do " codeSnippet " do class= do
    class= " lineNumbers " do
    class= do
    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:
    
    o class= >//This " notpretty " do id= " codeSnippet756475 " do
    xmlns= " http://www.w3.org/1999/xhtml " do 
    
    Índice-Tipo texto " do http-equiv= do 
    Document Untitled
    type= " texto do " stylesheet " " do rel= de " http://www.pltproject.org/testing18/includes18/jQuery/css/plt-theme/jquery-ui-1.8.2.custom.css do href= do <link/css "/>
    type= " texto/Javascript " ></script> de " http://www.pltproject.org/testing18/includes18/jQuery/js/jquery-1.4.2.min.js " do src= do <script
    type= " texto/Javascript " ></script> de " http://www.pltproject.org/testing18/includes18/jQuery/js/jquery-ui-1.8.2.custom.min.js " do src= do <script
    
        type= " texto/Javascript " do <script >
    	$ (função () {
    		$ (“#send_to”) .autocomplete ({
    			fonte: função (pedido, resposta) {
    				$.ajax ({
    					URL: “find_ships.php”,
    					dataType: “json”,
    					dados: {
    						//maxRows: 12,
    						termo: request.term
    					},
    					sucesso: função (dados) {
    						resposta ($.map (data.users, função (artigo) {
    							retornar {
    								etiqueta: item.first_name + ““+ item.last_name,
    								valor: item.first_name + ““+ item.last_name,
    								companhia: item.co_name
    							}
    						}))
    					}
    				})
    			},
    			minLength: 1,
    			foco: função (evento, ui) {
    				$ (“#send_to ").val (ui.item.label);
    				falso do retorno;
    			},
    			seleto: função (evento, ui) {
    				$ (“#send_to ").val (ui.item.label);				
    				falso do retorno;
    			}
    		})
    		.data (“autocomplete”). _renderItem = função (ul, artigo) {
    			$ do retorno (“<li></li>")
    				.data (“item.autocomplete”, artigo)
    				.append (do “class='para'><strong> <a><div class='poster_img'></div><span” + item.label + “</strong><br>” + item.com pany + “</span></a>")
    				.appendTo (ul);
    		};
    	});
    	</script>
        <style>
    	.para {
    	pia-família: Verdana, Genebra, Sans Serif;
    	pia-tamanho: 12px;
    	cor: #4a4a4a;	
    	flutuador: esquerdo;
    	}
    	.poster_img {
    	flutuador: esquerdo;
    	altura: 48px;
    	largura: 48px;
    	beira: #ddd do sólido 1px;
    	fundo-imagem: URL (poster_image_bkgrd.jpg);
    	margem-parte superior: 3px;
    	margem-direito: 8px;
    	margem-parte inferior: 3px;
    }
    
    	</style>
        </head>
    
    <body>
    	<p>Autocomplete Example</p>
        class= " para " do <div >
            >To de " para " " do class= do " send_to do for= do <label: </label>
            size= " do " send_to " do id= " de " para do class= do <input 60 "/>
    	</div>
    </body>
    </html>
    </pre>
               </td>
             </tr>
           </table></div>
    </div>
       
    class= do " lastRow do <div qAttachmentsRow " >
        >Attachments do " nome " do class= do <div: </div>
        class= " valor " do <div >
    ><table do ><div " do " bbg do class= " do ><div do " Br " do class= do ><div do class= " bl " de ></td></tr></table><div do class= " r " de ></td><td> </td><td do class= " h " dos questionAttachments " do expNoHeader s snhF5FF " l class= ><tr><td class= <div de " class= " esvazia " o class= " bc " class= " acessório " de ></div><div do ><div >
              nome de arquivo " do class= do ><a o " do " fileInfo " do class= do <div title= " nenhum _blank detetado vírus " " do target= de " http://filedb.experts-exchange.com/incoming/2010/06_w27/320788/autocomplete.php " " do href= class= <span de >autocomplete.php</a> " fileSize " > (3 KB) Javascript " do href= o " dos " attachmentDetails do class= de </span><a: vácuo (0); clearAttachmentDetails do “onclick= " (); AsyncInclude novo (“/shared/async/attachmentDetails.jsp? id=320788”, “attachmentDetailsContent "); showInfoBox (evento, “attachmentDetails "); “> (tipo de lima detalhes) </a> </div>
              class= " descrição " o page</div> o mais >test do <div
    </div>
          o class= de </div><div " esvazia " o class= " l " class= " r " ></td></tr></table> do ><tr><td do class= " f " de ></div></div></div></div><table de ></td><td> </td><td
          </div>
    ><table do ><div " do " bbg do class= " do ><div do " Br " do class= do ><div do class= " bl " de ></td></tr></table><div do class= " r " de ></td><td> </td><td do class= " h " dos questionAttachments " do expNoHeader s snhF5FF " l class= ><tr><td class= <div de " class= " esvazia " o class= " bc " class= " acessório " de ></div><div do ><div >
              nome de arquivo " do class= do ><a o " do " fileInfo " do class= do <div title= " nenhum _blank detetado vírus " " do target= de " http://filedb.experts-exchange.com/incoming/2010/06_w27/320789/find-ships.php " " do href= class= <span de >find-ships.php</a> " fileSize " > (900 bytes) Javascript " do href= o " dos " attachmentDetails do class= de </span><a: vácuo (0); clearAttachmentDetails do “onclick= " (); AsyncInclude novo (“/shared/async/attachmentDetails.jsp? id=320789”, “attachmentDetailsContent "); showInfoBox (evento, “attachmentDetails "); “> (tipo de lima detalhes) </a> </div>
              >php script</div> da " descrição " do class= do <div
    </div>
          o class= de </div><div " esvazia " o class= " l " class= " r " ></td></tr></table> do ><tr><td do class= " f " de ></div></div></div></div><table de ></td><td> </td><td
          </div>
    </div>
      </div>
    class= do <div " desobstruído " ></font></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">Resposta : jQuery Autocomplete com PHP/MySQL [PARTE 2]</span>
    </h2></td></tr>
      <tr>
    <td valign="top"> 
    <h5><span id="ContentPlaceHolder1_ans" style="font-weight:normal;color:#000000"><font face="Tahoma,Geneva,sans-serif">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     
    <div class="richText">
    Dó, faltado do identificador da classe…<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 () {
        cor: “#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>
    </font></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">Outras soluções</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" width="100%">
    		<tr>
    			<td>
    <table>
    <tr>
    <td valign="top" align="left">
    <a href='http://faq.wmlcloud.com/pt/microsoft/14584.aspx' class="a4">
    <li> Perguntas da entrevista do certificado de Shell da festança</li></a>
    </td>
    </tr>
    </table>
    </td>
    		</tr><tr>
    			<td>
    <table>
    <tr>
    <td valign="top" align="left">
    <a href='http://faq.wmlcloud.com/pt/microsoft/244.aspx' class="a4">
    <li> lima de .vmdk</li></a>
    </td>
    </tr>
    </table>
    </td>
    		</tr><tr>
    			<td>
    <table>
    <tr>
    <td valign="top" align="left">
    <a href='http://faq.wmlcloud.com/pt/microsoft/6784.aspx' class="a4">
    <li> Como encontrar a contagem da fileira em Oracle DataReader em ASP.NET?</li></a>
    </td>
    </tr>
    </table>
    </td>
    		</tr><tr>
    			<td>
    <table>
    <tr>
    <td valign="top" align="left">
    <a href='http://faq.wmlcloud.com/pt/microsoft/32404.aspx' class="a4">
    <li> Excitador do bluetooth BCM2045 do inspiron 1720 de Dell para o profissional de Windows Xp.</li></a>
    </td>
    </tr>
    </table>
    </td>
    		</tr><tr>
    			<td>
    <table>
    <tr>
    <td valign="top" align="left">
    <a href='http://faq.wmlcloud.com/pt/microsoft/18068.aspx' class="a4">
    <li> Como conseguir o lightbox mostrar sobre a bandeira instantânea?</li></a>
    </td>
    </tr>
    </table>
    </td>
    		</tr><tr>
    			<td>
    <table>
    <tr>
    <td valign="top" align="left">
    <a href='http://faq.wmlcloud.com/pt/microsoft/24608.aspx' class="a4">
    <li> Fora do escritório o assistente que não trabalha w/Forwarding configurou</li></a>
    </td>
    </tr>
    </table>
    </td>
    		</tr><tr>
    			<td>
    <table>
    <tr>
    <td valign="top" align="left">
    <a href='http://faq.wmlcloud.com/pt/microsoft/10268.aspx' class="a4">
    <li> Redistribuindo o RASGO em subnets non-contiguous do OSPF.</li></a>
    </td>
    </tr>
    </table>
    </td>
    		</tr><tr>
    			<td>
    <table>
    <tr>
    <td valign="top" align="left">
    <a href='http://faq.wmlcloud.com/pt/software/35892.aspx' class="a4">
    <li> líquidos de corpo após a sessão da natação</li></a>
    </td>
    </tr>
    </table>
    </td>
    		</tr><tr>
    			<td>
    <table>
    <tr>
    <td valign="top" align="left">
    <a href='http://faq.wmlcloud.com/pt/microsoft/2468.aspx' class="a4">
    <li> SQL0952N</li></a>
    </td>
    </tr>
    </table>
    </td>
    		</tr><tr>
    			<td>
    <table>
    <tr>
    <td valign="top" align="left">
    <a href='http://faq.wmlcloud.com/pt/microsoft/28092.aspx' class="a4">
    <li> Criando um vbscript para a chave do registro - IRPStackSize</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>