Ir para conteúdo

POWERED BY:

Arquivado

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

thiago_php

erro alinhamento

Por , em Desenvolvimento frontend

Recommended Posts

thiago_php    0

thiago_php
Postado

entao to tentando alinhar certo aqui mas nao ta dando certo se puderem ajudar mostrar ond to errando

aqui ta o html

 

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>trenamento Savoir</title>
<link rel="stylesheet" href="site2.css" type="text/css"/>
</head>

<body>

<div class="conteiner">
	
	<div class="imgtopo"></div>
	
	<div class="menu" style="background-color:#009900">
		<div class="esqmenu" style="BACKGROUND-COLOR:#990000"></div>
		
		 <div class="menucentro" style="background-color:#84CE6C;">
		   	
			   <div class="menuitens">
				<div class="itensMenu" style="background-color:#84CE6C;"><a href="quemsomos.html"><img width="83" height="16" alt="Quem Somos" src="imagens/menup_quemsomos_off.gif"/></a></div>
				<div class="itensMenu" style="background-color:#84CE6C;"><a href="oquefazemos.html"><img width="94" height="16" alt="Quem Somos" src="imagens/menup_oqfazemos_off.gif"/></a></div>
				<div class="itensMenu" style="background-color:#84CE6C;"><a href="tecusamos.html"><img width="149" height="16" alt="Quem Somos" src="imagens/menup_tecqusamos_off.gif"/></a></div>
				<div class="itensMenu"><a href="clitrab.html"><img width="125" height="16" alt="Quem Somos" src="imagens/menup_clitrab_on.gif"/></a></div>
				<div class="itensMenu" style="background-color:#84CE6C;"><a href="trabconosco.html"><img width="111" height="16" alt="Quem Somos" src="imagens/menup_trabconosco_off.gif"/></a></div>
				<div class="itensMenu" style="background-color:#84CE6C;"><a href="contato.html"><img width="105" height="16" alt="Quem Somos" src="imagens/menup_entrecontato_off.gif"/></a></div>
			 </div>
		 
		 
		 </div>	
			
			
 		<div class="dirmenu"></div>
	
	
	</div>
	
	<div id="centro" style="background-color:#00CC00" align="center">
	
		<div class="conteudo" style="background-color:#84CE6C">
		
				<div  class="corpo1" style="width: 400px; line-height: 17px;">
		Savoir Tecnologia é uma empresa de tecnologia especializada em desenvolvimento de software de alta performance. Nosso desafio é desenvolver a melhor solução 					para cada uma das necessidades dos nossos clientes.
		<br/>
		<br/>
		Escolhemos a internet como framework para os nossos projetos porque acreditamos no poder da onipresença da tecnologia, na interação colaborativa entre as pessoas e que as fronteiras e distâncias físicas serão cada vez menos relevantes.
		<br/>
		<br/>
		Nossa meta é ser a melhor empresa de tecnologia web atendendo com o máximo de qualidade cada um dos nossos clientes. Perseguimos este objetivo diariamente, buscando apresentar soluções inteligentes, inovadores e criativas para todos os projetos.
	</div>
	
	<div  class=" corpo2" style="width: 360px; line-height: 17px; magin-left: 80px;">
		<strong>Nossos Valores:</strong>
		<br/>
		<ul>
		<li> Qualidade</li>
		<li> Comprometimento</li>
		<li> Inovação</li>
		<li> Resultado</li>
		</ul>
		Nossa estrada é longa e só começamos a caminhar...
	</div>
		
		
		</div>
	

	
	
	</div>
	

	
	<div class="rodape" style="width:100%">
		
		<div class="rodape1">
		<div class="rodapeEsq"></div>
		<div class="rodapeCentro"></div>
		<div class="rodapeDir"></div>
		</div>
		
		<div class="rodape2" align="center">
		<a href="java script:vsoid()" onclick="ativa('quemsomos')">Quem Somos</a>   <a href="java script:vsoid()" onclick="ativa('oqfazemos')">O que fazemos</a>   <a href="java script:vsoid()" onclick="ativa('tecqusamos')">Tecnologias que usamos</a>   <a href="java script:vsoid()" onclick="ativa('clitrab')">Clientes + Trabalhos</a>   <a href="java script:vsoid()" onclick="ativa('trabconosco')">Trabalhe Conosco</a>   <a href="java script:vsoid()" onclick="ativa('entrecontato')">Entre em contato</a>   <a href="java script:vsoid()" onclick="ativa('mapasite')">Mapa do Site</a>				
		<br />

		<strong>Savoir Tecnologia</strong><span> - +55 (11) 3079-1133     | </span><a href="java script:vsoid()">atendimento@savoir.com.br</a>
		</div>
		</div>

</div>

</body>
</html>

 

aqui o css

 

/* CSS Document */

/*-------------------tudo-------------------------------*/

body {
	margin-left: 10px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#ffffff;
}

DIV{float:left;position:relative;}

Div.conteiner{
	width:963px;
	height:500px;
}

DIV.imgtopo{
background-image:url(imagens/titulo.jpg);
width:963px;
height:223px;
}

DIV.menu{
width:940px;
height:35px;
background-color:#84CE6C;
margin-right: auto;
margin-left: auto;
left:50%;
margin-left:-470px;}

DIV.esqmenu{
width:24px;
height:35px;
background-image:url(imagens/esqmenu.gif);}

DIV.menucentro{
width:892px;
height:35px;}

DIV.dirmenu{
width:24px;
height:35px;
background-image:url(imagens/dirmenu.gif);}

DIV.menuitens{
width:830px;
margin-right: auto;
margin-left: auto;
left:50%;
margin-left:-415px;}

div.itensMenu{
background:#ffffff;
cursor:pointer;
padding:11px 10px 8px 13px;
	}
#centro{
float:left;
position:relative;
padding:22px;
padding-top:0px;
height:450px;
width:920px;

}
DIV.conteudo{
float:left;
position:relative;
padding:22px;
padding-top:18px;
padding-bottom:2px;
height:450px;
width:853px}

Div.rodape{
width:100%;
height:46px;}

div.rodapeEsq{
	background:url(imagens/rodapeEsq.gif);
	width:17px;
	height:10px;
	margin-left:39px;}
div.rodapeCentro{
	background:#b9eea6;
	width:845px;
	height:10px;
	}

div.rodapeDir{
	background:url(imagens/rodapeDir.gif);
	width:17px;
	height:10px;}
div.rodape2{
	width:100%;
	}
div.rodape1{
	width:100%;
	}

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marcio Leandro    0

Marcio Leandro
Postado

Por favor Thiago, não poste tópicos em fórum errado.

Movido: PHP=>XHTML

Compartilhar este post

Link para o post
Compartilhar em outros sites

thiago_php    0

thiago_php
Postado

entao consegui alinhar no centro agora o problema ta no rodape no firefox ta certo so que no IE ta desalinhado

 

nao tem link se puderem mandar o email envio os arquivos fica mais facil

 

 

valeu

Compartilhar este post

Link para o post
Compartilhar em outros sites

thiago_php    0

thiago_php
Postado

entao como nao tenho como colocar no ar pra visualizacao criei um email e coloquei os arquivos la pra download

 

user: thiago.gtk@gmail.com

senha: sfadm191084

 

valeu

Compartilhar este post

Link para o post
Compartilhar em outros sites

Marcio Leandro    0

Marcio Leandro
Postado

Só uma dica, Thiago.

Existem serviços gratuitos pra mandar arquivos pra download. Esse aqui é o meu preferido: http://www.senduit.com/

Assim o cara não precisa nem logar.

Abraço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

programador php    0

programador php
Postado

entao como nao tenho como colocar no ar pra visualizacao criei um email e coloquei os arquivos la pra download

 

user: thiago.gtk@gmail.com

senha: sfadm191084

 

valeu

assim dá trabalho cara!!!

 

hehe

 

faz igual o marcio.sfs disse!!!

Só uma dica, Thiago.

Existem serviços gratuitos pra mandar arquivos pra download. Esse aqui é o meu preferido: http://www.senduit.com/

Assim o cara não precisa nem logar.

Abraço.

 

 

abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

Peguei os arquivos... seria mais fácil se o site tivesse hospedado ne?!.. mas vamos lá..

Achei muito estranho isso:

DIV {float:left;position:relative;}
Aqui você declara que TODAS as DIVs vão ser flutuadas na esquerda!!!

 

Cara, isso é necessário? com isso, você tira tudo do fluxo normal do documento, colocando para uma DIV empurrar a outra-->(para a direita)

Só flutue oque realmente for necessário...

 

Em se tratando de DIVs, é mais aconselhável na maioria dos casos(no teu layout tb..), declarar com IDs, por causa da prioridade que as IDs tem sobre as Classes, e tb porque você não vai precisar ter 2~3 DIVs "menu" por exemplo... ai usamos o Identificador unico (ID)

 

Estilos inline como :

<div class="menu" style="background-color:#009900">
Prevalecem sobre o CSS, se você tentar mudar a cor dessa DIV no CSS, não vai funcionar... portanto, declare todas essas formatações no arquivo externo, e não no meio do xHTML.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

o Código todo estava BEM ruim.... muitas DIVs, muito malabarismo para fazer os cantos arredondados..

 

é toda essa complicação que está lhe dando todo esse trabalho... você recortou por exemplo o menu e o rodapé em 4 DIVs!!

Só para fazer os cantos, com bem menos eu consigo o mesmo resultado, e garanto que faço rodar em todos os navegadores..

 

A estrutura em si que está bem ruim...

Refiz boa parte dos códigos.. tirando oque não era necessário.. ainda existem alguns ajustes à serem feitos... como o problema dos padding dos IE5.x...

O menu poderia ser feito com UL, LI, em vez de DIVs como você fez....

Mas acho que já dá pra lhe dar uma idéia..

 

http://www.cenasordidas.hbe.com.br/exemplos/oquefazemos.html

 

Se houver interesse, posso desenvolver esses códigos xHTML pra você por um "preço bem bacana". O layout em si, me parece bem bonito, a programação que está deixando à desejar.

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