[Resolvido] novo alinhamento central...
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>Discussão (5)
Carregando comentários...