Ir para conteúdo

POWERED BY:

Arquivado

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

mrguz

[Resolvido] novo alinhamento central...

Por , em Desenvolvimento frontend

Recommended Posts

mrguz    0

mrguz
Postado

Fiz uma busca pelo forum e encontrei alguns problemas parecidos... fui fazendo meus testes aqui e hora resolvia o alinhamento mas quebrava a ordem em que estava a lista etc...

 

Eu precisaria utilizar o float:left; para que a lista ficasse na horizontal mas dahe não centraliza e se tiro a lista fica na vertical. Após varias tentativas meu código chegou a (estragar) e agora sim me perdi de vez.

 

CSS sempre foi um problema para mim será que alguém pode dar uma força ahe?

 

Pagina:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Documento sem título</title>
<style type="text/css">
*{	padding:0px; margin:0px;
}
body html{text-align:center}
.top{
padding:0px 0px 0px 0px; 
margin: 0px auto; 	
width:100%; 
height:112px; 
background-repeat:repeat-x; 
background-image:url(img/bkheadertop.gif)	;
text-align: left;
}
.tamanho{width:800px;margin: 0px auto;}
ol, ul {
list-style: none;
}
nav{	
height: 76px; 
width: 800px;
text-align: center;
}
nav ul {		
margin-left:50px;
}	
nav ul  li {	
font-size: 24px;
line-height: 76px;
font-family: "Trebuchet MS", sans-serif, Arial, Helvetica;
text-align:center;
color: #d2c9fe;
/*float: left;*/
}
</style>
</head>
<body>
<div class="top">
	<nav class="tamanho">
		<ul>
			<li style="width:250px;">alinhamento no centro</li>
			<li style="width:250px;">alinhamento no centro</li>
			<li style="width:250px;">alinhamento no centro</li>
		</ul>
	</nav>	
</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Giovani    104

Giovani
Postado

mrguz, por favor, tente ser mais específico.

O que você quer? Centalizar o texto dentro do li?

 

Se tiver um link ajuda :)

Compartilhar este post

Link para o post
Compartilhar em outros sites

mrguz    0

mrguz
Postado

mrguz, por favor, tente ser mais específico.

O que você quer? Centalizar o texto dentro do li?

 

Se tiver um link ajuda :)

apenas centralizar o que estiver dentro da <div class=top">

não importando seé um texto, uma tabela, outras divs ou o site inteiro

 

Não tenho nenhum link, esta na minha maquina, mas é só salvar o codigo no bloco de notas como html e testar.

inclusive coloquei o css na propria pagina para facilitar quem puder ajudar.

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