menu css

dio123 · April 30, 2012 at 11:37 PM

Boa noite,

Estou a fazer um menu para um site, só que estou com dificuldades em centrar o menu.

Consegui centrar horizontalmente mas não estou a conseguir centrar verticalmente.

Eu já fiz uma vez, mas nao lembro como.

<?xml version="1.0" encoding="iso-8859-1"?>
<!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" xml:lang="pt" lang="pt">

<head>
<title>Menu Horizontal</title>
<style type="text/css">
<!--
	body {
		padding:0px;
		margin:0px;
	}

#menus {
margin: 0 auto;
	margin-top:20px;
	width: 960px;
	height: 120px;
background-color:#9CF;
} 

	#menu ul {
		height: 86px;
              z-index:194;
              width: 600px; 
              margin: auto;
padding:0px;
font:25px Tahoma;
margin-top:25px;
	}

	#menu ul li { display: inline; }

	#menu ul li a {
		background-color:#EDEDED;
		color: #333;
		text-decoration: none;
		border-bottom:3px solid #EDEDED;
		padding: 2px 10px;
		float:left;
	}

	#menu ul li a:hover {
		background-color:#D6D6D6;
		color: #6D6D6D;
		border-bottom:3px solid #EA0000;
	}
-->
</style>
</head>

<body>
<div id="menus">
  <div id="menu">
<ul>
		<li><a href="">Home</a></li>
		<li><a href="">Portfolio</a></li>
		<li><a href="">Curriculo</a></li>
		<li><a href="">Contacto</a></li></ul>
  </div>
</div>
</body>
</html>

lesiano16 · April 30, 2012 at 11:45 PM

Tenta vertical-align:middle;

dio123 · May 1, 2012 at 11:51 AM

bom dia,

Não funcionou o vertical-align:middle; o menu não se mexeu do mesmo sitio

lesiano16 · May 1, 2012 at 12:44 PM

no menu ul tenta padding:43px;

dio123 · May 3, 2012 at 03:56 PM

obrigado funcionou.

Sign In

menu css

Recommended Posts

dio123

lesiano16

dio123

lesiano16

dio123

Create an account or sign in to comment

Create an account

Sign in

Home

Activity

Revista PROGRAMAR

Important Information