Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

marcinhha

CSS em .jsp não funciona

Por , em Desenvolvimento frontend

Recommended Posts

marcinhha    0

marcinhha
Postado

Comecei com 'tableless' semana passada... tou meio perdida ainda, mas tou conseguindo.

Acontece que eu tive que começar a utilizar o JDeveloper para gerar protótipos aqui na empresa onde trabalho. Coloquei um código simples, chamando o css por:

 

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

Quando abro minha página .jsp pelo IE e Opera, funciona, chama o CSS... mas pelo Firefox não.. pq???

 

 

Ah, e se eu tirar o doctype funciona:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

O que tá acontecendo?

 

Me ajudem, por favor.. é urgente...

Compartilhar este post

Link para o post
Compartilhar em outros sites

_ nEoN _    0

_ nEoN _
Postado

Chame o mesmo CSS com <link>

 

<link href="seu.css" rel="stylesheet" type="text/css" media="screen" /><style type="text/css" media="screen" title="Seu CSS">@import url("seu.css");</style>

não utilize <!-- --> dentro do style, isso apenas previne que o CSS não será mostrado em browsers que nao tem suporte, portando é praticamente inútil. Se for pra usar comentários use CDATA do XML pois seu documento está em Strict.

 

Chamar os dois objetos dentro do mesmo html faz com que browsers que não entendem o import, usem o link e vice e versa.

 

Agora porque o Firefox fez isso, deve ser coisa do DTD, verifique e veja se está corretamente digitado.

 

Até mais.

Compartilhar este post

Link para o post
Compartilhar em outros sites

marcinhha    0

marcinhha
Postado

Chame o mesmo CSS com <link>

 

<link href="seu.css" rel="stylesheet" type="text/css" media="screen" /><style type="text/css" media="screen" title="Seu CSS">@import url("seu.css");</style>
não utilize <!-- --> dentro do style, isso apenas previne que o CSS não será mostrado em browsers que nao tem suporte, portando é praticamente inútil. Se for pra usar comentários use CDATA do XML pois seu documento está em Strict.

 

Chamar os dois objetos dentro do mesmo html faz com que browsers que não entendem o import, usem o link e vice e versa.

 

Agora porque o Firefox fez isso, deve ser coisa do DTD, verifique e veja se está corretamente digitado.

 

Até mais.

<{POST_SNAPBACK}>

 

Muito obrigada pela resposta!

 

Meu código está assim agora:

 

        <link href="css/default.css" rel="stylesheet" type="text/css" media="screen" />         <style type="text/css" media="screen" title="Seu CSS">@import url("css/default.css");</style>
Mas não funcionou mesmo assim no firefox... (no IE e Opera ainda funciona)..

 

Ainda estah strict.. algum problema com isso? =(

Compartilhar este post

Link para o post
Compartilhar em outros sites

_ nEoN _    0

_ nEoN _
Postado

tenta mudar para,

 

<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml">

XHTML 1.1

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif NeoN

Compartilhar este post

Link para o post
Compartilhar em outros sites

marcinhha    0

marcinhha
Postado

não tem como =~

abaixo estah o código...

 

e quer saber a mágica?

se colocar esse código em como index.htm funciona.. se ficar index.jsp não funciona (somente no IE e Opera..) tou loka?

 

 

index:

 

<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml">   <head>      <title>:: C r i s t @ l :::::::::::::::::::::::::::::::::::::::::::::</title>            <meta name="resource-type" content="document" />         <meta http-equiv="pragma" content="no-cache" />         <meta name="revisit-after" content="1" />         <meta name="classification" content="Internet" />          <meta name="description" content="abaco.com.br" />         <meta name="keywords" content="abaco, crist@l, cristal, sistema, web, internet, orcamento, financeiro, contabil, pessoas, competencia, tributario, administrativo, escolar, social, saude, protocolo" />         <meta name="robots" content="ALL" />         <meta name="distribution" content="Global" />         <meta name="rating" content="General" />         <meta name="author" content="Marcia Oliveira Carmo" />         <meta name="language" content="pt-br" />         <meta name="doc-class" content="Completed" />         <meta name="doc-rights" content="Public" />         <link href="css/default.css" rel="stylesheet" type="text/css" media="screen" />         <style type="text/css" media="screen" title="Seu CSS">@import url("css/default.css");</style>         <link rel="shortcut icon" href="favicon.ico" />      </head>      <body>       <div id="geral">            <div id="topo">               <div id="logo"></div>               <div id="data">                  21/06/2005               </div>               <div id="ajudasobre">                  <a href="javascript:;">Ajuda</a> | <a href="javascript:;">Sobre</a>               </div> 	                <div id="logocliente"><img id="imglogocliente" src="imagens/logo_prefcuiaba.gif" alt="Prefeitura de Cuiabá" /></div>                  <div id="boasvindas">                     | Olá, usuários!                  </div>            <div id="barra">                                 <div id="menu">                     <ul>                      <li><a href="#" target="_blank">Página Principal</a></li>                      <li><a href="#" target="_blank">Orçamento</a></li>                      <li><a href="#" target="_blank">Execução Orçamentária</a></li>                      <li><a href="#" target="_blank">Contabilidade</a></li>                      <li><a href="#" target="_blank">Links Favoritos</a></li>                     </ul>                                       </div>                  <br clear="all" />               </div>                              <div id="line"></div>            </div>            <div id="conteudo">                        </div>              <div id="rodape">             Copyright 2005 - Ábaco - Tecnologia de Informação LTDA          </div>         </div>   </body></html>

css/default.css

 

body, h1, h2, h3, h4, form, ul, p {  margin:0px;  padding:0px;}body {  text-align:center;  background-color:#DADADA;}img {  border:0px;}a {  text-decoration:none;}/* Div GERAL */#geral {  width:778px;  margin:0px auto;  padding-top:0px;  text-align:left;  border: 1px solid #999;}/*  Div TOPO  */#topo {  background:#FFF;  height:84px;  margin-top:0px;  font:60% Verdana, Arial, Tahoma, 'Sans-Serif';  color:#6C6C76;}#topo #logo {  background-image: url(../imagens/topo.jpg);  height:59px; }#topo #data {  width:100px;  float:right;  margin:-45px 0px 0px 0px;  text-align:right;}#topo #ajudasobre {  width:100px;  float:right;  margin:-15px 0px 0px 0px;  _margin:-15px -100px 0px 0px;  text-align:right;}#topo #logocliente {  width:142px;  float:right;  margin:-48px 80px 0px 0px;  _margin:-48px -20px 0px 0px;  height:48px;  text-align:center;}#topo #logocliente #imglogocliente {  margin-top:10px;}#topo a {  color:#6C6C76;}#topo a:hover {  text-decoration:underline;}#topo #barra {  background-color:#6C6C76;  height:23px;  padding:3px;  margin:1px;}#topo #line {  margin:1px;  border-bottom: 1px solid #6C6C76;}#topo #boasvindas {  color:#FFF;    width:230px;}#topo #slogan {  color:#FFF;  margin:-12px 0px 0px 240px;}/*  Div CONTEUDO  */#conteudo {  font:80% Verdana, Arial, Tahoma, 'Sans-Serif';  height:300px;  background:#FFF;}/*  Div MENU  */#menu ul {  padding:0px;  padding-left:5px;  margin:0px;  list-style:none;  font:100% Verdana, Arial, Tahoma, 'Sans-Serif';}#menu ul li {   display: inline;      }#menu a {  color: #FFF;  text-decoration: none;  border-top:3px solid #6C6C76;  padding: 2px 15px 2px 15px;  background: url(../imagens/marcador6.gif) no-repeat 0 50%;  float:left;}#menu a:hover {  text-decoration: none;  border-top:3px solid #FFF;}/* Div RODAPE */#rodape {  top:0px;  left:0px;  position:relative;  margin:1px;  background-color:#6C6C76;  color:#FFF;  font:60% Verdana, Arial, Tahoma, 'Sans-Serif';  padding:4px;}

Compartilhar este post

Link para o post
Compartilhar em outros sites

marcinhha    0

marcinhha
Postado

ainda não tem nenhum código java, sabe?eh html puro.. mas vou ter que deixar .jsp por padrão, pra quem for colocar o java (que não vai ser eu..)tenta colocar .jsp e manda abrir no firefox..

Compartilhar este post

Link para o post
Compartilhar em outros sites

marcinhha    0

marcinhha
Postado

mas eh localmente... tenho soh IP da minha máquina ehhepor isso não tem como eu te passar, pq aih você nao vai conseguir acessar..

Compartilhar este post

Link para o post
Compartilhar em outros sites

_ nEoN _    0

_ nEoN _
Postado

Olha, se funciono colocando como HTM, deve ser alguma treta com o servidor local...

 

tenta ver se tá dando algum erro com as tag de escape do XML.. porque com o php se eu coloco essa linha <?xml version="1.0" encoding="iso-8859-1"?> ele dá erro pq a tag do PHP é <? ?> entende ?

 

tenta ver se ele não tá dando algum erro dentro do <link> <style> ou até mesmo do DTD, eu não sei mais pode ser algo relaciona, se não for isso não tenho nen ideia do que possa ser... =/

 

http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif NeoN

Compartilhar este post

Link para o post
Compartilhar em outros sites

marcinhha    0

marcinhha
Postado

que saco, viu...

 

quando eu tiro o doctype funciona, sabe?

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN""http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

não eh dentro do <link> <style>...

 

Em java, pelo que eu saiba, eh:

 

<%! aaa %> e não <? aaa ?> igual PHP.. não deveria dar erro, certo?

 

Mas, e em PHP quando dah erro com isso você faz o que?

Compartilhar este post

Link para o post
Compartilhar em outros sites

_ nEoN _    0

_ nEoN _
Postado

eu uso você tem q usar ou <?php ?> ou fazer com que a string sai assim<? echo "<? bla bla bal"; ?>pode ser erro de DTD mesmo, tenta fazer o seguinte, faz o DTD sair para o navegador via Java, pelo php é echo, por java nen sei, mais deve dar certo assim.... ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

marcinhha    0

marcinhha
Postado

ahahhaeh que eh assim..Sou Designer de interfaces.. crio o layout do sistema aqui e estou criando o protótipo da página inicial (html puro e css) pro desenvolvedor java pegar o protótipo (que eh a casca do sistema) e fazer a interação com as classes e tudo mais em java ehheheaki eh tdo separadin =De óia.. não deu certo não =(

Compartilhar este post

Link para o post
Compartilhar em outros sites

marcinhha    0

marcinhha
Postado

pode ter aspas simples no doctype? hehehe<%= "<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.1//EN''http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd'>" %>Editado:usei assim e não funciona no firefox ainda... no IE vai que eh uma beleuza.. não sei mais o que fazer..Eu tava pensando, se tem algo que é incompativel com java, deve ser dentro da DTD e não na TAG doctype, entende?

Compartilhar este post

Link para o post
Compartilhar em outros sites

marcinhha    0

marcinhha
Postado

não...

 

sabe como funcionou?

mas ainda está do jeito errado..

 

em vez de chamar o estilo assim:

 

<link href="css/default.css" rel="stylesheet" type="text/css" media="screen" />        <style type="text/css" media="screen" title="Seu CSS">@import url("css/default.css");</style>

Estou chamando assim:

<style type="text/css">           <%@ include  file="css/default.css"%>         </style>

Ou seja, fiz um include em java do css.. mas eh horrivel, pois o resultado no browser mostra o css inteiro, sabe?

=/

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito