Centering ul in a strange way

Asked

Viewed 25 times

0

I have a very strange problem.

css

.lista {
	margin:0 auto;
}

ul.listaTopo, ul.listaRegistros {
	margin:0 auto;
	padding:0;
	width:100%;
}

ul.listaTopo {
	background-color:#000;
	color:#FFF;
}

ul.listaTopo li, ul.listaRegistros li {
    display:inline-block;
	height:50px;
	line-height:50px;
	vertical-align:middle;
	text-align:center;
	font-weight:bold;
}
<div class="lista" style="width:900px">
  <ul class="listaTopo">
    <li style="width:100px">TIPO 
    <li style="width:400px">NOME 
    <li style="width:100px">LOGIN 
    <li style="width:100px">BLOQUEIO 
    <li style="width:100px">EDITAR 
    <li style="width:100px">EXCLUIR 
  </ul>
  <ul class="listaRegistros">
    <li style="text-align:left; width:100px; background-color:#CCC; color:#FFF">Super
    <li style="text-align:left; width:400px; background-color:#CCC; color:#FFF">Carlos Rocha
    <li style="text-align:center; width:100px; background-color:#CCC; color:#FFF">caca
    <li style="text-align:center; width:100px; background-color:#CCC; color:#FFF"><a href="" onclick="return verifica('Deseja Bloquear este Administrador?')" '=""><img src="_img/bloquear.png" height="30px" title="Bloquear Administrador"></a>
    <li style="text-align:center; width:100px; background-color:#CCC; color:#FFF"><a href="administradoresEditar.php?acao=form&amp;idAdmin=1"><img src="_img/editar.png" height="30px" title="Editar Administrador"></a>
    <li style="text-align:center; width:100px; background-color:#CCC; color:#FFF"><a href="" onclick="return verifica('Deseja Excluir este Administrador?')" '=""><img src="_img/excluir.png" height="30px" title="Excluir Administrador"></a>
  </ul>
</div>

I have the div. list and I’m setando margin of it as 0 auto in css but not working.

But if I do:

 $(".lista").css('margin', '0 auto');

With Jquery it works.

Where am I going wrong?

jquery css css3

2 answers

0

maybe, try to put a display block in the div: ul.listTopo, ul.listRegisters

margin-left: auto; margin-right:auto;

  • 1

    I already answered. It was my lack of attention. Sorry and thank you!

0

Sorry guys. Maybe the solution can help someone in the future.

I made a comment php style

////////////////////////// INICIO LISTAGENS //////////////////
////////////////////////// FIM LISTAGENS /////////////////////

But you gotta have the wild card

/*                           INICIO LISTAGENS                 */
/*                            FIM LISTAGENS                   */

Browser other questions tagged jquery css css3

You are not signed in. Login or sign up in order to post.