Jump to content


Photo

Alinha Ul Li Com Float Left


  • Faça o login para participar
2 replies to this topic

#1 diogodourado

diogodourado

    Novato no fórum

  • Usuários
  • 6 posts
  • Sexo:Não informado
  • Localidade:Montes Claros, MG
  • Interesses:Desenvolvimento Web

Posted 14/01/2008, 22:12

Bom, o que quero é simples, veja em:
http://www.dourado.net/temp/teste.html

EU gostaria de centralizar essa paginacao, simples né? mas e ae? alguem consegue? :boxing:

Veja o código:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR...nsitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--

/* Paginação de paginas */
#paginacao { margin:0 auto;}
.pagina { white-space: nowrap; margin:0; }
.pagina ul { list-style-type: none; margin:0; }
.pagina li { float: left; display: inline; margin: 0 5px 0 0; display: block; }
.pagina li a { color: #FF0066; padding: 4px; border: 1px solid #FF0066; text-decoration: none; float: left; }
.pagina li a:hover { color:#FFFFFF; background: #FF0066; border: 1px solid #FF0066; }
.pagina li.nolink { color: #FF91BD; border: 1px solid #FF0066; padding: 4px; }
.pagina li.current { color: #FFFFFF; border: 1px solid #FF0066; padding: 4px; background: #FF0066; font-weight:bold; }
-->
</style>
</head>

<body>

<div id="paginacao">
<div class="pagina">
<ul>
<li class="nolink">« Anterior</li><li class="current">1</li><li><a href="/favoritos/2">2</a></li><li><a href="/favoritos/3">3</a></li><li><a href="/favoritos/4">4</a></li><li><a href="/favoritos/5">5</a></li><li class="nolink">...</li><li><a href="/favoritos/16.0416666667">16.0416666667</a></li><li><a href="/favoritos/17.0416666667">17.0416666667</a></li><li><a href="/favoritos/2">Próxima »</a></li> </ul>
</div>
</div>


</body>
</html>


Diogo Dourado - Desenvolvedor Web
Brainatwork Serviços Interativos
http://www.brainatwork.com.br

Nossos projetos: www.zaroio.com - www.flogvip.net - www.zixter.com.br


#2 § Kenshin §

§ Kenshin §

    I'm coming back...!

  • Usuários
  • 574 posts
  • Sexo:Masculino
  • Localidade:BA
  • Interesses:Sou fã de linguagens direcionadas para a web, como php, (x)html, xml, wml.
    Também gosto de webdesign e ultimamente tenho me dedicado mais a aprender css, mysql, javascript, ajax e actionscript.
    Trabalho com os programas Dreamweaver, Illustrator e Flash.

Posted 15/01/2008, 00:50

ja tentou simplesmente usar a propriedade align: center;:

.pagina ul { list-style-type: none; margin:0; align: center;}
vlw ^_^
Web Developer / Web Designer / Information Architect
"Living to learn... learning to live!"
Useful links: Rules | Search

#3 Alex Hiroshi

Alex Hiroshi

    Super Veterano

  • Ex-Admins
  • 4923 posts
  • Sexo:Masculino
  • Localidade:São Paulo - SP

Posted 16/01/2008, 10:13

Ter, não tem. Se tá flutuando ele para um canto, não dá para centralizar assim, com align. (existe align?)

Solução: http://blog.klaus.pr...w/51/index.html
Fórum WMO - Equipe de Desenvolvimento / Banco de Dados - Ex-Administrador




1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

IPB Skin By Virteq