Usando css em pagina jsp

18 respostas
I

Amigos,

Tenho uma pagina.jsp e quero usar CSS nos textos e nos campos do formulario, o arquivo folha.css está tudo ok … estou usando o codigo abaixo para linkar o arquivo css.

Chamando o arquivo folha.css no jsp:

<link href="../css/texto.css" rel="stylesheet" type="text/css">

Utilizando o css:

<h1 align="center" class="titulo">Fornecedor</h1>

Vlw…

18 Respostas

C

qual é o seu problema?

B

em vez de limkar, vc pode tb importar o arquivo:

<style type="text/css"> @import url("../css/texto.css"); </style>

qual é o erro que está dando?

abraços

I

Amigos,

Da forma que postei, o estilo não está sendo aplicado tanto no texto quanto no campo text do formulário…

Outra opção então é importar o .css ao invés de linkar?

Obrigado.

Att;
Igor

C

se você estiver usando struts, ainda pode fazer isso:

<link href='<html:rewrite page="/css/texto.css"/>' rel="stylesheet" type="text/css">

Que assim o struts se encarrega de achar o arquivo.
Porque pelo que vejo você esta indicando caminho do texto.css errado. Ou seja: esse arquivo esta em nivel diferente do que você esta passando.

I

Amigo caiomacedor,

Estou usando struts mesmo, mas fiz o que vc postou e não funfou… não carrega o estilo no texto … Abaixo segue meu jsp…

<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html"%>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<html:html>
    <head>
        <!--script type="text/javascript" src="js/cadastrosweb.js"></script-->
        <title>Fornecedor</title>
        <link href='<html:rewrite page="/css/texto.css"/>' rel="stylesheet" type="text/css"> 
    </head>
    
    <body>
        <h1 align="center" class="titulo">Fornecedor</h1>

<br>
		<html:form action="search.do">
		
			<table width="50%" align="center" bgcolor="#EFF1F7" >
		  <tr align="center" >
					<td width="6%" class="preto_negrito"><div align="right">Nome:</div></td>
			<td width="44%" colspan="3" ><html:text property="nomeFornecedor" maxlength="45"></html:text> </td>
				</tr>	
			</table>		
	        <div align="center"><br>
							
	            <html:submit property="opcao" onclick="document.forms[0].action='search.do';document.forms[0].submit();" value="INCLUIR"/>
	            <html:submit property="opcao" onclick="document.forms[0].action='search.do';document.forms[0].submit();" value="CONSULTAR"/>
	            <html:submit property="opcao" onclick="document.forms[0].action='lista.do';document.forms[0].submit();" value="LISTAR"/>
	            <html:submit property="opcao" onclick="document.forms[0].action='retorno.do';document.forms[0].submit();" value="VOLTAR"/>
	            <br>
	          <br>
          </div>
        <div align="center">
              <html:errors />
            </div>
		</html:form>	
    </body>
</html:html>

Obrigado.

B

Respsota: Sim

O Caiomacedor tem toda razão: linkando ou importanto, a primeira coisa q vc tem q verificar é se o caminho do arquivo está correto.

Abraços

C

cara posta ai o teu *.css pode ser que esteja errado algo…

I

Está assim amigo:

.preto_negrito {
font-size: 12px; 
color: #000000; 
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold;
}

.titulo {
font-size: 20px; 
color: #000000; 
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; 
}

.subtitulo {
font-size: 14px; 
color:#FF0000;
font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; 
}

.preto_normal {
font-size: 12px; 
color: #000000; 
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.branco_normal {
font-size: 12px; 
color: #FFFFFF; 
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.calendario {
font-size: 11px; 
color: #000000; 
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.vermelho_normal {
font-size: 12px; 
color: #FF0000; 
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.vermelho_negrito {
font-size: 14px; color: #FF0000; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight: bold; 
}

.texto_bt {
font-size: 11px; 
color: #333333; font-family: Verdana, Arial, Helvetica, sans-serif;
}
C

IgorFranco, teu CSS esta certo cara, qual a extrutura do teu projeto? você tem certeza que essa pasta de nome “css” esta no escopo do teu projeto?
abraços

I

Amigo caiomacedor,

A estrutura está assim:

As 2 pastas estão no mesmo nível.

  • css (texto.css)
  • fornecedor (gerFornecedor.jsp)

Vlw.

C

Muda o nome da pasta css para um outro nome qualquer, tipo ‘styles’ por exemplo, não acredito que seja isso, mas vai saber né meu. não custa tentar. Porque o resto esta tud certo, era pra funfar desse jeito ai. Se você resolver, posta ai a solução para esclarecer pra galera ok. caso contrario vou vazer uns testes amahã em casa e te falo depois.

I

Até o momento não consegui amigo, já mudei o nome da pasta de css para style e nada… se puder postar o resultado de seus testes…

Vlw…

C

Igor manda um endereço de email ai pra que eu possa te enviar um projetinho que eu fiz aqui pra testar os CSS.
Aqui esta funcionando normal.

I

Vlw amigo caiomacedor,

Pode mandar para o e-mail [email removido] e para o [email removido].

Muito obrigado amigo…

Vlw mesmo…

Mas uma dúvida, esse seu projeto usa tiles do struts para o layout?

Aguardo seu e-mail…

C

Não não igor pois eu fiz um projetinho basico apenas pra te demostrar o funcionamento do css.

D

berg.pb:
em vez de limkar, vc pode tb importar o arquivo:

<style type="text/css"> @import url("../css/texto.css"); </style>

qual é o erro que está dando?

abraços

Para importar você não precisa colocar …/ no código, use apenas:

@import url("css/texto.css");

que vai dar certo.

D

Dead Wolf:
berg.pb:
em vez de limkar, vc pode tb importar o arquivo:

<style type="text/css"> @import url("../css/texto.css"); </style>

qual é o erro que está dando?

abraços

Para importar você não precisa colocar" …/" no código, use apenas:

@import url("css/texto.css");

em vez de:

@import url("../css/texto.css"); [/code]

que vai dar certo.

B

Dependente, é claro, da estrutura de diretórios onde está o arquivo CSS e onde está a página que irá importá-lo.

abrçaos

Criado 27 de agosto de 2008
Ultima resposta 13 de nov. de 2008
Respostas 18
Participantes 4