Ir para conteúdo

POWERED BY:

Arquivado

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

Pauloooo

Centralização da pagina

Por , em Desenvolvimento frontend

Recommended Posts

Pauloooo    0

Pauloooo
Postado

opagalera estou com um pequeno problema, gostaria de saber como que eu faço para centralizar a paginavou tentar explicar melhora pagina em 800x600 fica na tela toda com barras de rolagem normala pagina com 1024x768 fica alinhada no centro da tela e em ambos os lados fica em brancose for em 1280x1024 fica alinhada no centro da tela e em ambos os lados fica em brancoentenderam??valeu

Compartilhar este post

Link para o post
Compartilhar em outros sites

Pauloooo    0

Pauloooo
Postado

tah a div eu faço assim<div>/*conteudo do site */</div>onde eu coloco esse codigo que você me mandoutenho que linkar alguma coisacoloquei ele no meu arquivo .cssassim funciona??abraço

Compartilhar este post

Link para o post
Compartilhar em outros sites

douglasdeodato    2

douglasdeodato
Postado

assim paulo:

<html><title> teste</title><head><style>#geral{	margin: 0 auto; /* isso vai centralizar sua página */	width: 770px;}</style></head><body><div id="geral">/*conteudo do site */</div></body></html>
agora é só testar e você vai ver

Compartilhar este post

Link para o post
Compartilhar em outros sites

Tiago Cardoso    1

Tiago Cardoso
Postado

isso coloca no arquivo.css, só que a <div> tem que ter o "id", assim:

 

<div id="geral">/*conteudo do site */</div>

PS: Desculpa Douglas não te vi...

Compartilhar este post

Link para o post
Compartilhar em outros sites

Pauloooo    0

Pauloooo
Postado

beleza!!funcionou!!agora como que eu faço para exibir no centro???alinhada centralizada!!!desse jeito ficou alinhada na esquerda!!como que alinho no centro??valeu

Compartilhar este post

Link para o post
Compartilhar em outros sites

Pauloooo    0

Pauloooo
Postado

tentei alinhar de todas as formas no centro mas não deu certo??alguem tem alguma dica??valeu

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

O <center> não está em desuso?

Acho que até não valida...

Exatamente PKTIAGO.

Por isso que passei aquele link, basta dar uma lida.

 

Sem contar os "n" posts de ajuda aqui do iMasters!

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Center?

Nossa, nem me falem nisso!

Center eh tag de formatação, assim como font, b, i entre outras....

 

estude o link que o gio passou, e os demais topicos fixos da seção

Compartilhar este post

Link para o post
Compartilhar em outros sites

Pauloooo    0

Pauloooo
Postado

ai galera me desculpa por eu estar iniciando!!!para ser o mais sincero nem sabia que as tags estavam fora de epoca!!!ainda uso font, center, b, ie muito maismas agora como me passaram estes links vou dar uma olhada e uma melhorada legal nos meus projetosbem alguem sabe algum programa que poderia me facilitar na criação das paginas web e dos CSSuso HomeSite 5.5 TRIAL e também o TopStyle TRIALse alguem achar um programa melhor e quiser me falar o nome ou o link para download ficaria gratovaleu galera pelo apoioabraçopauloooo

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

me desculpa por eu estar iniciando!!!

Não tem essa de se desculpar não Pauloooo, aqui todos estamos aprendendo.

 

Em relação a programas, vai uma dica, use o que você achar melhor, o que você mais gosta.

O importante é saber escrever o código, não depender de nenhum programa. Você pode usar o Dreamweaver, desde que seja no modo código, pois você estará escrevendo.

 

Se aparecer mais alguma dúvida, pode vir falar conosco.

 

Abraço! http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

Compartilhar este post

Link para o post
Compartilhar em outros sites

Pauloooo    0

Pauloooo
Postado

opa valeu pela força ai galera!!!

 

o link que me passaram do site do maujor é muito bom..

 

eu não sabia NADA de CSS agora sei um pouquinho de nada!!!

 

hehe

 

mas vamos ai

 

fiz tudo com css

 

ficaram muitas <div> isso é normal ainda não esta pronto!!!

 

só que coloquei um rodapé e ele não esta ficando no fim da pagina alguem poderia me dar uma ajuda!!!

 

aqui está o meu codigo

<div class='codetop'>CODE</div><div class='codemain' style='height:200px;white-space:pre;overflow:auto'><html><head>	<title>_____________</title><style type="text/css" media="all">#header 	{	background-color: #e8eae8;	visibility: visible;	position: relative;	text-align: center;}#navbar {	color: white;	font-size: 9px;	line-height: 16px;	background-color: #B22222;	text-align: center;	letter-spacing: 2px;	margin-bottom: 15px;	height: 16px;}.left {	text-align: left;	width: 20%;	float: left}.main {	padding-left: 36px;	width: 60%;	float: left}.right {	text-align: right;	width: 20%;	float: right;}.esq {	background-color: #B22222;	color: White;	text-align: left;}ol {	list-style-type: none;	line-height: 10px;}a {	color: Silver;	text-decoration: none;}a:hover {	color: #fc0;	text-decoration: none}#esqm {	border: 2px ridge;}.esqm a:hover {	color: #5E5E5E;	text-decoration: none;}#footer {	color: white;	font-size: 9px;	line-height: 16px;	background-color: #6b6c5a;	text-align: center;	letter-spacing: 6px;	height: 16px;	clear: left}body {	background-color: #e8eae8;	color: #5d665b;	font-family: "Trebuchet MS", Verdana;	font-size: 0.9em;	line-height: 150%;	text-align: center;	margin-bottom: 10px;	margin-left: 100px;	margin-right: 100px;	margin-top: 10px;}p {	text-indent: 3em;}h3 {	color:#966b72; 	font-family:Georgia,"Times New Roman",Times,serif;}</style></head><body OnLoad="show5()"><div id="header"><a href = "index.php"><img src="images/logo.jpg" alt="________" width="714" height="75" border="0"></a></div><div id="navbar"><a href="index.php">Home</a> | <a href="aeroportos.php"> Aerportos</a> | <a href="noticias.php">Notícias</a> | <a href="eventos.php">Eventos</a> | <a href="sugestoes.php">Sugestões</a> | <a href="anuncios.php">Anúncios</a>	| <a href="area_restrita.php">Área Restrita</a>       <!--             !--><script>	// Array ofmonth Names	var monthNames = new Array( "Janeiro", "Fevereiro", "Março", "Abril",  "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro");	var now = new Date();	thisYear = now.getYear();	if(thisYear < 1900) {thisYear += 1900}; // corrections if Y2K display problem	document.write(now.getDate()+ " de " + monthNames[now.getMonth()] + " de " + thisYear);	function show5(){	if (!document.layers&&!document.all)	return		var Digital=new Date()	var hours=Digital.getHours()	var minutes=Digital.getMinutes()	var seconds=Digital.getSeconds()	if (minutes<=9)	minutes="0"+minutes	if (seconds<=9)	seconds="0"+seconds	meurelogio=""+hours+":"+minutes+":"	+seconds	if (document.layers){	document.layers.relogio.document.write(meurelogio)	document.layers.relogio.document.close()	}	else if (document.all)	relogio.innerHTML=meurelogio		setTimeout("show5()",1000)	}</script><span id = "relogio"></span></div><div class="left"><div id="esqm">	<div class="linha">		<div class="celula">1</div>		<div class="celula">2</div>		<div class="celula">3</div>		<div class="celula">4</div>	</div></div><br><div id="esqm">	<div class="linha">		<div class="celula">1</div>		<div class="celula">2</div>		<div class="celula">3</div>		<div class="celula">4</div>	</div></div></div><div class="main"><div id="TE" align="center">	<strong>TITULO</strong></div><div align="justify">	aqui fica o texto...	o corpo da mensagem<br><br><br><br><br>	<br><br>mensagemmensagem<br><br><br>	fim</div><br></div></div><div class="right"><script>function Show(div) {	if(div.style.display == 'none')	{		div = div.style.display = 'block';	}	else	{		div = div.style.display = 'none';	}}</script><div id="esqm"><div class="linha"><div class="celula"><strong>Busca de Ramais</strong></div><form name="form" action="#" method="post" target="_blank">		<div class="celula">Nome<input type="text" name="nome" maxlength="60" size="22"></div>		<div class="celula">E-mail<input type="text" name="email" maxlength="60" size="22"></div>		<div align="center">não utilize acentos.</div>		<div class="celula">Local<select name="departamento">		 <option value="0">--todos--</option>	 </select></div>	 <div class="celula" align="center"><input type="submit" name="buscar" value="Buscar" onclick="window.open('resultado.php', 'Janela', 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, width=700, height=350'); return false;"></div></form>	</div></div><br><div id="esqm">	<div class="linha">		<div class="celula"><strong>Links</strong></div>		<div class="celula"><a href = "http://webmail.sei.sp.gov.br" target="_blank">»WebMail</a></div>		<div class="celula"><a href = "http://www.anac.gov.br" target="_blank">»ANAC</a></div>		<div class="celula"><a href = "http://www.infraero.gov.br" target="_blank">»Infraero</a></div>		<div class="celula"><a href = "http://www.sectran.sp.gov.br" target="_blank">»Secretaria dos Transportes</a></div>		<div class="celula"><a href = "#" onClick="return Show(document.getElementById('autarquia'));">»Autarquias</a><br>	<div id="autarquia" style="display: none">	  <a href = "http://www.artesp.sp.gov.br" target="_blank">»ARTESP</a><br>	  <a href = "http://www.transportes.sp.gov.br/v20/hidrovia_departamento.asp" target="_blank">»DH</a><br>	  <a href = "http://www.daesp.sp.gov.br" target="_blank">»DAESP</a><br>   	  <a href = "http://www.der.sp.gov.br" target="_blank">»DER</a><br>	  <a href = "http://www.dersa.sp.gov.br" target="_blank">»DERSA</a><br>	  <a href = "http://www.polmil.sp.gov.br" target="_blank">»Polícia Militar Rodoviária</a><br></div></div></div></div></div><div id="footer">...........................</div>	</body></html></div>
desculpa pela bagunça no codigo é que fui copiando e colando, pois esta tudo dividivo em partes!!

 

mas é essa a estrutura

 

espero que alguem possa me ajudar!!

 

valeu!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

douglasdeodato    2

douglasdeodato
Postado

rapaiz ta meio embolado teu codigo heheheh mais ai vai umas dicas para você organizar limpar seu codigo,

 

umas sugestoes de layout em css:

 

http://www.imasters.com.br/artigo/4462/css...om_faux_column/

 

http://www.maujor.com/w3ctuto/layout.html

 

http://www.maujor.com/layout3col.shtml

 

quanto a programas tem 2 muito bons o editplus e o notepad++ mas prefiro usar o dreamweaver ele facilita na hora que você ta desenvolvendo o codigo :)

Compartilhar este post

Link para o post
Compartilhar em outros sites

Pauloooo    0

Pauloooo
Postado

eu até sei que o codigo esta bagunçado, mas ele aqui está bom..pois estou desenvolvendo em PHP ai dei include de todos os codigos!!!postei aqui apra ver se alguem consegue me ajudar porque tah tudo estranho no codigo meu!!o rodapé estã no meio da pagina embaixo do menu esquerdo e do main... mas não do direito!!!!alguem me ajuda num sei mais o que fazer!!!valeu

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