Usando css em pagina jsp

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…

qual é o seu problema?

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

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

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.

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.

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

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

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

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

Amigo caiomacedor,

A estrutura está assim:

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

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

Vlw.

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.

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…

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.

Vlw amigo caiomacedor,

Pode mandar para o e-mail igor.valle@neoris.com e para o igor.fv@gmail.com.

Muito obrigado amigo…

Vlw mesmo…

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

Aguardo seu e-mail…

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

[quote=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[/quote]

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

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

que vai dar certo.

[quote=Dead Wolf][quote=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[/quote]

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.[/quote]

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

abrçaos