Ir para conteúdo

POWERED BY:

Arquivado

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

denisx

[Resolvido] Como deixar os links do menu no centro?

Por , em Desenvolvimento frontend

Recommended Posts

denisx    0

denisx
Postado

Ola galera tou desenvolvendo um menu em base de outro, so que ai os links ficam todos na esquerda, Como faço para deixar eles no centro?

 

Segue o codigo do css:

 


/* Menu */

ul#menu
{
margin:0;
padding:0;
width:auto;
height:42px;
font-size:16px;
font-weight:bold;
font-family:Arial;
background-image: url(images/nav_bg.png);
background-repeat: repeat-x;
}

ul#menu li
{
display:block;
float:left;
margin:0;
padding:0;
}

ul#menu li a
{
display:block;
float:left;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
padding:5px 20px 0 20px;
}

ul#menu li a:hover
{	
color:#000000;
height:45px;		
}

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

text-align: center; ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

denisx    0

denisx
Postado

text-align: center; ?

 

Faz sentido esse comando, mas coloquei e não funcionou :(

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

é que não deu pra entender oque você quer.

 

poste o html, ou um link para o site, ou ainda uma imagem de como está.

Compartilhar este post

Link para o post
Compartilhar em outros sites

denisx    0

denisx
Postado

O o que eu quero e que os links do menu fiquem no centro.

 

Segue os codigos:

 

index.html

 


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Menu</title>

<link rel="stylesheet" href="style.css" type="text/css" media="all" />



</head>

<body>

	<div>

		<ul id='menu'>

		<li class="button"><a class='current' href='http://' >Home</a></li>

		<li class="button"><a href='http://'  >Products</a></li>

		<li class="button"><a href='http://'  >Support</a></li>

		<li class="button"><a href='http://'  >Contact</a></li>

		</ul>

	</div>

</body>

</html>

 

style.css

 

 



ul#menu
{
margin:0;
padding:0;
width:auto;
height:42px;
font-size:16px;
font-weight:bold;
font-family:Arial;
background-image: url(images/nav_bg.png);
background-repeat: repeat-x;
}

ul#menu li
{
display:block;
float:left;
margin:0;
padding:0;

}

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