Ir para conteúdo

POWERED BY:

Arquivado

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

Biel.

manter menu no centro da div

Por , em Desenvolvimento frontend

Recommended Posts

Biel.    9

Biel.
Postado
Boa dia a todos. Direto ao ponto.
Pessoal como faço para manter o menu no centro da div aprendiz, independentemente se eu aumentar ou diminuir o número de menus.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.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>
#aprendiz{ width:600px; height:40px; margin:auto; text-align:center;}

#horizontal {
	color:#F93; width:auto;}

/* uso este */
#horizontal  li{ 
	float:left;
	display:block;
	text-align: center;
	height:auto;
	line-height:40px;
    border-left:0px solid #585858;
	border-right:0px solid #585858;
	list-style-type:none;
	font-family:Verdana, "Trebuchet MS", Tahoma, Arial, calibri, Cambria;
    margin:0px 0px 0px 18px;  
	}

#horizontal  li a {
	font-size:0px; 
	color:#000;
	background:#CCC;
	font-weight: normal;
	display:block; 
	outline:0px;
	text-decoration:none;
	font-size:12px;
	padding:0px 6px 0px 6px; 
	} 

#horizontal  li:hover {
    border-top:0px solid #979797;
	border-left:0px solid #979797;
	border-right:0px solid #979797;
	
	/*background:#09F;*/ 
	background-color:transparent;
	text-decoration:underline;
	color:#FFF;
	}

</style>
</head>

<body>

EX:1 Pessoal e dessa forma? Como eu faço para que o menu fique no centro da div aprendiz independentemente se eu aumentar ou diminuir o número de menus?
<div id="aprendiz">
       <ul id="horizontal">
            <li> <a href="#">Home01</a></li>
            <li> <a href="#">Home02 </a></li>
            <li> <a href="#">Home03</a></li>
  </ul>
</div>

</body>
</html>

 

Compartilhar este post

Link para o post
Compartilhar em outros sites

Biel.    9

Biel.
Postado

re22 obrigado por postar. Veja: Gostaria de manter o menu no centro da div aprendiz, independentemente se eu aumentar ou diminuir o número de menus usando a regra css já existente <ul id="horizontal">

 

dessa forma usando a regra css já existente <ul id="horizontal">

<ul id="horizontal">
  <li> <a href="#">Home01</a></li>
  <li> <a href="#">Home02 </a></li>
  <li> <a href="#">Home03</a></li>
</ul>

Dessa forma o link fica no centro da div. Não gostaria que fosse assim

<div id="aprendiz">
          <a href="#">Home01</a>
          <a href="#">Home02</a>
          <a href="#">Home03</a>
</div>

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