Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Bom galera, o código está usando table e eu quero tirar table quando desnecessário então a dúvida é a seguinte:
Como eu posiciono um "Bem vindo fulano de tal" a direita e acima do meu menu?
esse foi o melhor resultado que consegui
#geral {
margin: 10px auto;
width: 750px;
text-align: left;
}
#benvindo
{
position: relative;
float: right;
font: 100%;
text-align:right;
width: 150px;
background-color: #8A2BE2;
}
ul.menubar .menuvertical
{
margin: 0px;
padding: 0px;
list-style: none;
background-color: #009900;
border: 1px solid #009900;
float:left;
font-size: 100%;
width: 91px; /* tamanho de cada aba principal*/
text-align:center;
}
Aplicado assim
<div id="geral">
<div id="benvindo">
<img src="imagens/user.png" alt="." />Bem Vindo <?php echo ucfirst($_SESSION['apelido']);?>
<a href="login/logof.php">
<img border="0" src="imagens/logout.png" alt=".">Sair</img></a>
</div>
<ul id="barra" class="menubar">
<li class="menuvertical"><a href="#">menu 1</a>
<li class="menuvertical"><a href="#">menu 2</a>
<li class="menuvertical"><a href="#">menu 3</a>
<li class="menuvertical"><a href="#">menu 4</a>
<li class="menuvertical"><a href="#">menu 5</a>
<li class="menuvertical"><a href="#">menu 6</a>
<li class="menuvertical"><a href="#">menu 7</a>
<li class="menuvertical"><a href="#">menu 8</a>
</ul>
O outro problema é que minha div geral tem 750x e 750px /8 itens do menu = 93,75mas se eu deixo em 93 o width do "ul.menubar .menuvertical" ele passa dos limites e o ultimo item cai pra segunda linha
ao passo que se eu mantenho com 91 acaba tendo um resto da div geral que não fica preenchido. então o que fazer?
2 problemas então:
1 - alinhar a div benvindo sem atrapalhar po resto do layout e
2 - conseguir fazer 8 itens de menu preencher 750px
PS:Nao deem bola pra cor da div benvindo e nem por eu ter escrito benvindo ainda não entendi o que o Acordo Ortográfico definiu pra ele...
PS2: se faltar alguma parte do CSS peçam que eu ja coloco
Carregando comentários...