Ir para conteúdo

POWERED BY:

Arquivado

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

Worn

Alinhamento

Por , em Desenvolvimento frontend

Recommended Posts

Worn    1

Worn
Postado

Olá estou criando um website simples, porém alguns estão reclamando que não esta a alinhado a sua tela

 

eu coloquei

 

<div id="TUDO">

 

todo conteúdo do site em uma div e no css definir um tamanho fixo no caso coloquei assim

 

</div>

 

#tudo

{width: 1000px; height: auto;}

 

só que continua desalinhado veja o site aqui e diz como ta na sua tela

 

http://testeworn.br22.net/

 

obs: espere 10s até carrega a pagina

Compartilhar este post

Link para o post
Compartilhar em outros sites

Worn    1

Worn
Postado

Olá amigo não entendi muito bem mais ver se consegue me ajuda aqui

 

 

meu css é esse aqui

 

 

 

#geral {width:850px; height:700px; background-image:url("../images/geral.jpg"); margin-left:200px; margin-top:-5px;}
#box {width:818px; height:544px; background-image:url("../images/box.jpg"); margin-top:-558px; margin-left:215px;}
#menu {width:797px; height:37px; background-image:url("../images/menu.jpg"); margin-left:223px; margin-top:-538px;}
#img1 {width:20px; height:25px; background-image:url("../images/icmenu.png"); margin-left:45px; margin-top:-33px;}
#img2 {width:20px; height:25px; background-image:url("../images/icmenu.png"); margin-left:179px; margin-top:-25px;}
#img3 {width:20px; height:25px; background-image:url("../images/icmenu.png"); margin-left:362px; margin-top:-25px;}
#img4 {width:20px; height:25px; background-image:url("../images/icmenu.png"); margin-left:505px; margin-top:-25px;}
#img5 {width:20px; height:25px; background-image:url("../images/icmenu.png"); margin-left:650px; margin-top:-25px;}
#boxatu {width:495px; height:180px; background-image:url("../images/boxat.png");margin-left:230px; margin-top:25px;}	
#linha {width:485px; height:11px; background-image:url("../images/linhatu.png");margin-left:232px; margin-top:-140px;} 
*tudo{margin:0 auto; padding:0; }
#letra{

	font-size:27px;
	padding: 10px 10px;
 margin-left: 12px;
}

#menu1 ul {
	font:Tahoma, Geneva, sans-serif;
	padding:0px;
	margin:0px;
	list-style:none;
	
}
#menu1 ul li { display: inline; }
#menu1 ul li a {
		font-size:17px;
	padding: 10px 10px;
	display: inline-block;
 margin-left: 72px;
	/* visual do link */
	color: #ffffff;
	text-decoration: none;

	
}
#menu1 ul li a:hover {
	background-color:#FFFFFF;
	color: #6D6D6D;
	border-bottom:1px solid #EA0000;
}
*{margin:0px; padding:0px}
.coin-slider { overflow: hidden; zoom: 1; position: relative; width: 500px; margin-left:230px; margin-top:20px;}
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 480px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

 

 

 

 

na parte

 

 

*tudo{margin:0 auto; padding:0;} eu declarei a parte do site

antes estava desse jeito

#tudo {width: 1000px; height: auto;} ai declarei pra esse jeito de cima

Compartilhar este post

Link para o post
Compartilhar em outros sites

bruno_mosciatti    22

bruno_mosciatti
Postado

Olá amigo não entendi muito bem mais ver se consegue me ajuda aqui

 

 

meu css é esse aqui

 

 

 

#geral {width:850px; height:700px; background-image:url("../images/geral.jpg"); margin-left:200px; margin-top:-5px;}
#box {width:818px; height:544px; background-image:url("../images/box.jpg"); margin-top:-558px; margin-left:215px;}
#menu {width:797px; height:37px; background-image:url("../images/menu.jpg"); margin-left:223px; margin-top:-538px;}
#img1 {width:20px; height:25px; background-image:url("../images/icmenu.png"); margin-left:45px; margin-top:-33px;}
#img2 {width:20px; height:25px; background-image:url("../images/icmenu.png"); margin-left:179px; margin-top:-25px;}
#img3 {width:20px; height:25px; background-image:url("../images/icmenu.png"); margin-left:362px; margin-top:-25px;}
#img4 {width:20px; height:25px; background-image:url("../images/icmenu.png"); margin-left:505px; margin-top:-25px;}
#img5 {width:20px; height:25px; background-image:url("../images/icmenu.png"); margin-left:650px; margin-top:-25px;}
#boxatu {width:495px; height:180px; background-image:url("../images/boxat.png");margin-left:230px; margin-top:25px;}	
#linha {width:485px; height:11px; background-image:url("../images/linhatu.png");margin-left:232px; margin-top:-140px;} 
*tudo{margin:0 auto; padding:0; }
#letra{

	font-size:27px;
	padding: 10px 10px;
 margin-left: 12px;
}

#menu1 ul {
	font:Tahoma, Geneva, sans-serif;
	padding:0px;
	margin:0px;
	list-style:none;
	
}
#menu1 ul li { display: inline; }
#menu1 ul li a {
		font-size:17px;
	padding: 10px 10px;
	display: inline-block;
 margin-left: 72px;
	/* visual do link */
	color: #ffffff;
	text-decoration: none;

	
}
#menu1 ul li a:hover {
	background-color:#FFFFFF;
	color: #6D6D6D;
	border-bottom:1px solid #EA0000;
}
*{margin:0px; padding:0px}
.coin-slider { overflow: hidden; zoom: 1; position: relative; width: 500px; margin-left:230px; margin-top:20px;}
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 480px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

 

 

 

 

na parte

 

 

*tudo{margin:0 auto; padding:0;} eu declarei a parte do site

antes estava desse jeito

#tudo {width: 1000px; height: auto;} ai declarei pra esse jeito de cima

 

Observe sua linha 43

Compartilhar este post

Link para o post
Compartilhar em outros sites

bruno_mosciatti    22

bruno_mosciatti
Postado

 

#geral {width:850px; height:700px; background-image:url("../images/geral.jpg"); margin-left:200px; margin-top:-5px;}
#box {width:818px; height:544px; background-image:url("../images/box.jpg"); margin-top:-558px; margin-left:215px;}
#menu {width:797px; height:37px; background-image:url("../images/menu.jpg"); margin-left:223px; margin-top:-538px;}
#img1 {width:20px; height:25px; background-image:url("../images/icmenu.png"); margin-left:45px; margin-top:-33px;}
#img2 {width:20px; height:25px; background-image:url("../images/icmenu.png"); margin-left:179px; margin-top:-25px;}
#img3 {width:20px; height:25px; background-image:url("../images/icmenu.png"); margin-left:362px; margin-top:-25px;}
#img4 {width:20px; height:25px; background-image:url("../images/icmenu.png"); margin-left:505px; margin-top:-25px;}
#img5 {width:20px; height:25px; background-image:url("../images/icmenu.png"); margin-left:650px; margin-top:-25px;}
#boxatu {width:495px; height:180px; background-image:url("../images/boxat.png");margin-left:230px; margin-top:25px;}	
#linha {width:485px; height:11px; background-image:url("../images/linhatu.png");margin-left:232px; margin-top:-140px;} 
* {margin:0 auto; padding:0; }
#letra{

	font-size:27px;
	padding: 10px 10px;
 margin-left: 12px;
}

#menu1 ul {
	font:Tahoma, Geneva, sans-serif;
	padding:0px;
	margin:0px;
	list-style:none;
	
}
#menu1 ul li { display: inline; }
#menu1 ul li a {
		font-size:17px;
	padding: 10px 10px;
	display: inline-block;
 margin-left: 72px;
	/* visual do link */
	color: #ffffff;
	text-decoration: none;

	
}
#menu1 ul li a:hover {
	background-color:#FFFFFF;
	color: #6D6D6D;
	border-bottom:1px solid #EA0000;
}
.coin-slider { overflow: hidden; zoom: 1; position: relative; width: 500px; margin-left:230px; margin-top:20px;}
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 480px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

 

 

 

 

 

COLOCA ESSE CSS.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Worn    1

Worn
Postado

não funciono ainda continua mesma coisa

 

lembrando que o nome da minha div do html é

 

<DIV ID="TUDO>

aqui fica as outras divis do site

</div>

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