Ir para conteúdo

POWERED BY:

Arquivado

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

Juninho14

problema muito estranho com CSS, bug?

Recommended Posts

Bom, estava desenvolvendo um layout normal, so que em um certo ponto, quando eu coloco <div id="abc"> </div> ele nao puxa mais o estilo da folha de estilo... dai quando eu pego o codigo q esta no .css e colo no <div style="????"></div> ele funciona! Alguem sabe desse bug? Como posso resolver?

 

Abração

Compartilhar este post


Link para o post
Compartilhar em outros sites

nao ta online.. ta local...

 

ex.:

 

<html lang="pt">
<head>
   <title>Cadastrar Novo Paciente</title>
	  <link rel="stylesheet" type="text/css" media="all" href="./estilo.css" />
</head>

.
.
<div id="terceiro_separador">
   as
   </div>

<div id="fundo_observacao">
 as 
</div>
.
.

 

css:

 

#terceiro_separador
{
position:relative;
top:840px;
left:539px;
background:url(img/convenio.gif);
height:567px;
width:258px;
margin-left: 20px;
}

#fundo_observacao
{
position:absolute;
background:url(img/observacao.gif);
background-color:#000000;
height:500px;
width:500px;
top:800px;
left:200px;
z-index:1;
}

 

no exemplo o terceiro separador nao funciona... ja peguei codigo de um outro q funciona nele e nao rola.. ja adicionei com outro nome e nao funciona, qualquer um q eu crie a partir dai nao rola...

 

 

MEU CSS COMPLETO:

 

body
{
background-color:#D0CCEB;
font-family:verdana; 
}

#corpo
{
margin-left:30px;
width:900px;
height:550px; 
background-color:#E4E1F7;
border-style:solid;
border-color:#ffffff;
border-width:10px;

}


#corpo_cadastrar_paciente
{
position:absolute;
z-index:2;
margin-left:30px;
width:900px;
height:950px; 
background-color:#E4E1F7;
border-style:solid;
border-color:#ffffff;
border-width:10px;

}


.botao_menu:link 
{ 
font-variant: small-caps;
FONT-WEIGHT: bolder; 
FONT-SIZE: 15px; 
COLOR: #1c59a0; 
FONT-FAMILY: Arial, Verdana; 
BACKGROUND-COLOR: white;
font-family:verdana; 
text-decoration:none;
}

.botao_menu:active
{ 
font-variant: small-caps;
FONT-WEIGHT: bolder; 
FONT-SIZE: 15px; 
COLOR: #1c59a0; 
FONT-FAMILY: Arial, Verdana; 
BACKGROUND-COLOR: white;
font-family:verdana; 
text-decoration:none;
}

.botao_menu:visited
{ 
font-variant: small-caps;
FONT-WEIGHT: bolder; 
FONT-SIZE: 15px; 
COLOR: #1c59a0; 
FONT-FAMILY: Arial, Verdana; 
BACKGROUND-COLOR: white;
font-family:verdana; 
text-decoration:none;
}

.botao_menu:hover
{ 
font-variant: small-caps;
FONT-WEIGHT: bolder; 
FONT-SIZE: 15px; 
COLOR: white; 
FONT-FAMILY: Arial, Verdana; 
BACKGROUND-COLOR:#6583C7; 
font-family:verdana; 
text-decoration:none;
}

#menu
{
 position:absolute;
 top:30px;
 left:355px;
 }


#resultadoBuscaPaciente
{
 position:relative;
 margin-left:20px;
 font-size:14px;
 font-family:verdana;
 height:50px;
 
 }
 
.botao 
{ 
BORDER-RIGHT: 1px solid; 
BORDER-TOP: 1px solid; 
FONT-WEIGHT: bolder; 
FONT-SIZE: 11px; 
BORDER-LEFT: 1px solid; 
COLOR: #1c59a0; 
BORDER-BOTTOM: 1px solid; 
FONT-FAMILY: Arial, Verdana; 
BACKGROUND-COLOR: white;
text-decoration:none;
} 

.todos_inputs
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: dark-blue;
	border: 1px solid #6495ed;

}

#nome_cadastrar_paciente
{
 position:absolute;
 left:90px;
 top:220px;
 font-size:12px;
 font-family:verdana;
 font-weight:bolder;
 color:#0E0C87;
 }

#idade_cadastrar_paciente
{
 position:absolute;
 top:220px;
 left:600px;
 font-size:12px;
 font-family:verdana;
 font-weight:bolder;
  color:#0E0C87;
 
 }

#textarea_cadastrar_paciente
{
position: absolute;
top:970px;
left:65px;
width=550px;
}

#titular_cadastrar_paciente
{
 position:absolute;
 left:90px;
 top:260px;
 font-size:12px;
 font-family:verdana;
 font-weight:bolder;
 color:#0E0C87;
 }

#profissao_cadastrar_paciente
{
 position:absolute;
 left:600px;
 top:260px;
 font-size:12px;
 font-family:verdana;
 font-weight:bolder;
 color:#0E0C87;
 }

#estado_civil_cadastrar_paciente
{
 position:absolute;
 left:90px;
 top:296px;
 font-size:12px;
 font-family:verdana;
 font-weight:bolder;
 color:#0E0C87;
}

#endereco_cadastrar_paciente
{
 position:absolute;
 left:90px;
 top:396px;
 font-size:12px;
 font-family:verdana;
 font-weight:bolder;
 color:#0E0C87;
}

#bairro_cadastrar_paciente
{
 position:absolute;
 left:620px;
 top:396px;
 font-size:12px;
 font-family:verdana;
 font-weight:bolder;
 color:#0E0C87;
}

#cidade_cadastrar_paciente
{
 position:absolute;
 left:90px;
 top:436px;
 font-size:12px;
 font-family:verdana;
 font-weight:bolder;
 color:#0E0C87;
}

#estado_cadastrar_paciente
{
 position:absolute;
 left:350px;
 top:436px;
 font-size:12px;
 font-family:verdana;
 font-weight:bolder;
 color:#0E0C87;
}

#cep_cadastrar_paciente
{
 position:absolute;
 left:620px;
 top:436px;
 font-size:12px;
 font-family:verdana;
 font-weight:bolder;
 color:#0E0C87;
}

#telefone_cadastrar_paciente
{
 position:absolute;
 left:295px;
 top:296px;
 font-size:12px;
 font-family:verdana;
 font-weight:bolder;
 color:#0E0C87;
}

#cel1_cadastrar_paciente
{
 position:absolute;
 left:515px;
 top:296px;
 font-size:12px;
 font-family:verdana;
 font-weight:bolder;
 color:#0E0C87;
}

#cel2_cadastrar_paciente
{
 position:absolute;
 left:715px;
 top:296px;
 font-size:12px;
 font-family:verdana;
 font-weight:bolder;
 color:#0E0C87;
}

#primeiro_separador_cadastro_paciente
{
position:absolute;
top:170px;
left:39px;
background:url(img/dados_pessoais.gif);
height:167px;
width:858px;
margin-left: 20px;
}

#segundo_separador_cadastro_paciente
{
position:absolute;
top:340px;
left:39px;
background:url(img/contatos.gif);
height:167px;
width:858px;
margin-left: 20px;
}

#terceiro_separador
{
position:relative;
top:840px;
left:539px;
background:url(img/convenio.gif);
height:567px;
width:258px;
margin-left: 20px;
}

#fundo_observacao
{
position:absolute;
background:url(img/observacao.gif);
background-color:#000000;
height:500px;
width:500px;
top:800px;
left:200px;
z-index:1;
}

Compartilhar este post


Link para o post
Compartilhar em outros sites

#textarea_cadastrar_paciente
{
position: absolute;
top:970px;
left:65px;
width=550px;
}

width: 550px...

 

tenta assim:

<link rel="stylesheet" type="text/css" media="all" href="estilo.css" />

Compartilhar este post


Link para o post
Compartilhar em outros sites

Olá,

 

Aqui passo uma imagem de parte do seu HTML como nos passou:

Imagem Postada

 

Cumps \o/

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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