Como Aplicar o Css em uma pagina Jsp com Banco de Dados

Boa tarde pessoal, estou quebrabdo a cabeça aqui e preciso de ajuda!!

Estou tentando aplicar um css em uma pagina jsp
na verdade fiz um select e preciso estilizalo usando o css mas não estou conseguindo
não sei se tem algum modo de fazer isso ou se por estar buscando os dados direto do banco de dados
ele não permite que eu faça o que preciso

aqui vai o código

<%@ page contentType="text/html; charset=iso-8859-1" language="java" errorPage="" %>


<%@ page import="java.sql.DriverManager" %>
<%@ page import="java.sql.Connection" %>
<%@ page import="java.sql.ResultSet" %>
<%@ page import="java.sql.Statement" %>

<style type="text/css" runat="server" media="screen">	
	.tp1{
		color: #000;
		width: 350px;
		padding: 5px;
		background-color: #FFFFFF;
		border: 1px solid #b7b7b7;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;	
		font: 12px "Tahoma", sans-serif;
	}		
	.tp_imovel{		
		float:left;	
		margin-top:2px;		
	}
	.cidade{
		float:left;
		margin-top:2px;	
		margin-left:10px;		
	}
	.bairro{
		float:left;
		margin-top:2px;
		margin-left:10px;
	}
</style>

<%
	String driverDatabase   ="com.mysql.jdbc.Driver";
	String nameDatabase     ="jdbc:mysql://xxxxxxxxxxxxxx";
	Class.forName(driverDatabase);
	Connection connTeste;
	connTeste = DriverManager.getConnection(nameDatabase+"?user=xxxxxxxxx&password=xxxxxxx&autoReconnect=true"); // funciona
	
  Statement stmtTeste = connTeste.createStatement();
  ResultSet rsTeste = null;

  rsTeste =stmtTeste.executeQuery("SELECT DISTINCT tipo_imovel.tipo_imovel,tipo_imovel.id_tipo_imovel  FROM imovel LEFT OUTER JOIN tipo_imovel ON tipo_imovel.id_tipo_imovel=imovel.id_tipo_imovel ORDER BY tipo_imovel.posicao ASC");
  rsTeste.beforeFirst();
  out.println("<div class='tp_imovel'>");
  out.println("<select class='tp1' name=tipo id=tipo style='width:160px;'>");
  while(rsTeste.next())
  {
  	out.println("<option value='"+rsTeste.getString("tipo_imovel.tipo_imovel")+"'>"+rsTeste.getString("tipo_imovel.tipo_imovel")+"</option>");
//  	out.println("<img alt='xxx' title='xxxx' align=middle border=0 hspace=0 vspace=0 src="+rsTeste.getString("cliente.foto")+">");
  }
	out.println("</select>");	
	out.println("</div>");

  rsTeste =stmtTeste.executeQuery("SELECT DISTINCT cidade FROM imovel ORDER BY cidade ASC");
  rsTeste.beforeFirst();
  out.println("<div class='cidade'>");
  out.println("<select class='tp1' runat='server' name=cidade id=cidade style='width:160px;'>");
  while(rsTeste.next())
  {
  	out.println("<option value='"+rsTeste.getString("imovel.cidade")+"'>"+rsTeste.getString("imovel.cidade")+"</option>");
//  	out.println("<img alt='xxx' title='xxxx' align=middle border=0 hspace=0 vspace=0 src="+rsTeste.getString("cliente.foto")+">");
  }
	out.println("</select>");
	out.println("</div>");


  rsTeste =stmtTeste.executeQuery("SELECT DISTINCT bairro FROM imovel ORDER BY bairro ASC");
  rsTeste.beforeFirst();
  out.println("<div class='bairro'>");
  out.println("<select class='tp1' name=bairro id=bairro style='width:160px;'>");
  while(rsTeste.next())
  {
  	out.println("<option value='"+rsTeste.getString("imovel.bairro")+"'>"+rsTeste.getString("imovel.bairro")+"</option>");
//  	out.println("<img alt='xxx' title='xxxx' align=middle border=0 hspace=0 vspace=0 src="+rsTeste.getString("cliente.foto")+">");
  }
	out.println("</select>");
	out.println("</div>");

  
  out.println("<br>");

%>

1 Resposta

Topicos relacionados