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

caiomacedor

qual é o seu problema?

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

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

caiomacedor

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.

berg.pb

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

caiomacedor

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;
}
caiomacedor

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.

caiomacedor

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…

caiomacedor

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…

caiomacedor

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.

berg.pb

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