alinhamento vertical
Opa pessoal, estou com uma duvida de alinhamento vertical, preciso que todos elementos fiquem centralizados na vertical, igual:
/applications/core/interface/imageproxy/imageproxy.php?img=http://s12.postimg.org/4te18ijzh/000.gif&key=2db15a76d7eb11d93508984bfb3edad91033f021d44e89bb731343d8327a0539" alt="000.gif" />
E está ficando assim:
/applications/core/interface/imageproxy/imageproxy.php?img=http://s9.postimg.org/ezq4mpemn/screenshot_domain_date_time.png&key=b375388f588beeee5bd8ec61b465dc48e489df285225584a6cafb60d8ae5acc1" alt="screenshot_domain_date_time.png" />
O código utilizado é:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Catalago de Vendas</title>
<link href="css/estilos.css" rel="stylesheet" type="text/css"><!--
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" />
-->
</head>
<body>
<div id="corpo">
<div id="header">
</div>
<div id="menu">
<div id="margem">
<div id="logo">
<a href="index.html"><img src="img/logo.png" alt="Catalago de Vendas"></a>
</div>
<ul>
<li><a href="index.html#comofunciona"><font color="red">#</font>COMO FUNCIONA</a> </li>
<li><a href="index.html#vantagens"><font color="red">#</font>VANTAGENS</a> </li>
<li><a href="index.html#quemusa"><font color="red">#</font>QUEM USA</a> </li>
<li><a href="index.html#euquero"><font color="red">#</font>EU QUERO</a> </li>
</ul>
</div>
</div>
</div>
</body>
</html>
@charset "utf-8"; background-color: #FFF;
margin-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
}a {
text-decoration:none;
color:#FFF;
}ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}li {
float:right;
font-family:'Open Sans';
font-size:18px;
font-style:normal;
font-variant:normal;
text-decoration:none;
}
#corpo {
margin-left:auto;
margin-right:auto;
}
#margem {
margin-left: auto;
margin-right: auto;
width:1020px;
}
#header {
height: 10px;
width: auto;
background-color: #c61d23;
}
#menu {
background-image:url(../img/header-menu-background.gif);
background-repeat:repeat-x;
height:118px;
width:100%;
display:table;
vertical-align:middle;
}
#logo {
vertical-align:middle;
}Agradeço desde já a ajuda.
Discussão (2)
Carregando comentários...