Ir para conteúdo

POWERED BY:

Arquivado

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

Jefferson NF

problemas com div no topo

Por , em Desenvolvimento frontend

Recommended Posts

Jefferson NF    0

Jefferson NF
Postado

bom dia pessoal

estou aki criando + um topico ahha,chato neh nao?mas eh pq div vive me infernizando

o problema agora eh o seguinte: eu fiz uma div contendo o dia a hora e o link para sair,essa div fik bem no topo direito,ateh ontem tava no topo certim,mas ae como comecei a criar mtas outras divs,ela saiu do topo direito e foi pro eskser,agora eu mexo na posição,no tamanho e nao acontece nada na div

meu codigo:

 

<body style='margin-top:0;'>
<div class='topo'><i>Sexta-feira, 04 de abril de 2008 - <b>10:03</b></i><br>
<a href='logout.php'><i>Sair!</i></a></div>
<div id='alertas'><b>Infelizmente você não poderá continuar com o upgrade de velocidade!!!<br><br>Verificamos que o senhor(a) está em um plano antigo.<br>Iremos verificar e entraremos em contato posteriormente.<br>
Clique <a href='logout.php'>aqui</a> para sair!</div>
<div id='rodapeprincipal1'>blabla</div>

//css:

#topo{
  top:0px;
  left:100px;
  text-align: left;
}

#alertas{
  background-color: transparent;
  position: absolute;
  top:180px;
  left:285px;
  width:400px;
  height:400px;
  text-align:center;
}

#rodapeprincipal1 {
  position:absolute;
  top:580px;
  left:110px;
  text-align: center;
  width:800px;
  height:25px;
}

 

alguem pode me ajduar ou entendeu pq isso aconteceu

desde ja agradeço

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rasp    3

Rasp
Postado

Jefferson NF,

Cara poste o link da pagina ou o codigo completo por favor (y)

 

abs

Compartilhar este post

Link para o post
Compartilhar em outros sites

Jefferson NF    0

Jefferson NF
Postado 

<body style='margin-top:0;' bgcolor="#FFFFFF" text="#000000">

<div id='topo'><i>Sexta-feira, 04 de abril de 2008 - <b>11:26</b></i><br><a href='logout.php'><i>Sair!</i></a></div>
<table width='100%' height='100%' valign='center'>
<tr>
	<td>
	   <textarea></textarea>
	  <center>
	   <form method='post' action='migra2.php' onsubmit='return valida();'>
		 <input id='aceito' name='aceito' type='checkbox' value='aceito' />Li e aceito o contrato acima, concordando com a mudança de plano.<br><br>
		 <input type='submit' value='   OK   ' onMouseOut='this.className='submit0';' onMouseOver='this.className='submit1';'>
	   </form>
	  </center>
	</td>
  </tr>
</table><div id='rodapecontrato'><span>Gigalink © 2008 - Endereço<br>
Tel. Comercial xxxx :: Tel. Suporte xxxx</span></div>

css:

 

#rodapecontrato {
  top:200px;
  left:500px;
  text-align: center;
  width:800px;
  height:25px;
}

#topo{
 position:absolute;
  top:0px;
  left:800px;
  text-align: right;
  width:250px;
  height:20px;}

codigo tdo ta ae

tem exceções

mas a pagnia principakl eh essa

Compartilhar este post

Link para o post
Compartilhar em outros sites

Rasp    3

Rasp
Postado

Jefferson NF,

vamos lá por partes:

 

Quanto a suas css, faça a seguinte coisa:

 

- evite utilizar cods css dentro do html, a forma mais correta e sempre indicada é que você crie arquivos (ex: meu-estilo.css) e link os mesmos utilizando esse cod:

 

<link type="text/css" rel="stylesheet" href="meu-estilo.css" media="screen" />

- caso você queira que o site não fique com as margens padrão, faça assim no seu css:

 

* {
		  margin: 0;
		  padding: 0;
		  background: #fff;
}

Este cod utilizando o * (zerar seletores) serve para zerar a propriedade margin e padding, ou seja, qualquer coisa que você criar vai ter margin e padding por padrão definido em *, e caso você necessite em outra parte do cod usa-lás é só definir a que você quiser.

 

- dê uma lida nesses tutoriais. Neles você vai pegar várias dicas sobre regras e padrões de como proceder com as css, inclusive (não querendo insinuar nada) vai ajuda-lo a desenvolver um css mais claro e simples facilitando sua vida.

 

Regras

http://www.maujor.com/tutorial/intrtut.php

 

HTML em desatualizados:

http://www.maujor.com/dicas/deprecated.php

 

 

Quanto ao seu codigo HTML:

 

- Começe todos os seus arquivos da seguinte forma:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

- E sempre procure englobar todo o site em uma unica div:

 

<body>
		  <div id="placo_site">
			  Conteudo do site aqui (divs, hr, h1, h2, etc)
		 </div>
</body>

Após você dar uma lida nessas dicas tente modificar tudo que você entender e poste aqui novamente pois pelo que pude perceber, seu codigo esta misturando tags html, com css e isso acaba causando esse tipo de problemas.

Qualquer coisa é só falar cara!!!

 

abração!

 

PS: Não postei nada do seu codigo, pois teria praticamente que refaze-lo todo, e creio que você não quer pronto mais sim aprender certo? ;)

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