Ir para conteúdo

POWERED BY:

Arquivado

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

logan_pa

Posicionar MENU

Por , em Desenvolvimento frontend

Recommended Posts

logan_pa    0

logan_pa
Postado

Vi um menu muito legal no site do MAUJOR e gostaria de colocar na minha página. Só para lembrar, estou començando a montar ela agora. A única coisa que tenho pronto é o cabeçalho como o logo.Eu até tentei colocar o menu lá copiando os códigos. Ele apareceu normal. Só que alinhado à esquerda sendo que meu site esta centralizado. Como faço para ele alcançar e se posicionar logo abaixo do cabeçalho??Para facilitar, estou postanto aqui o código da minha pagina e do menu.CODIGO DA MINHA PAGINA:<html><head><title>index.png</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><style type="text/css">body { background:#02CBFF url("bgdegrade.png") top left repeat-x fixed; background-color: #6699cc; } </style></head><body><div id="Layer1" style="position: absolute; left: 106px; top: 1px; width: 262px; height: 135px; z-index: 1"><img name="index_r1_c1" src="index_r1_c1.png" width="262" height="135" border="0" alt=""></div><div id="Layer2" style="position: absolute; left: 368px; top: 1px; width: 524px; height: 135px; z-index: 2"><img name="index_r1_c2" src="index_r1_c2.png" width="524" height="135" border="0" usemap="#m_index_r1_c2" alt=""></div></body></html>CODIGO DO MENU:<style type="text/css">#menubv {width: 12em;padding: 0;margin: 0;font: 14px Verdana, sans-serif;}#menubv ul {list-style: none;margin: 0;padding: 0;}#menubv li {border-bottom: 1px solid #f00;margin: 0;}#menubv li a {display: block;padding: 5px 5px 5px 0.5em;font-weight:bold;border-left: 10px solid #ffc0cb;border-right: 10px solid #fff5ee;background-color: #ffe4e1;color: #808000;text-decoration: none;}#menubv li a:hover {border-left: 10px solid #fcc;border-right: 10px solid #fff;background-color: #fff0f5;color: #ccc;}/* Fix IE. Hide from IE Mac \*/* html #menubv ul li { float: left; height: 1%; }* html #menubv ul li a { height: 1%; }/* End */</style>HTML:<ul id="menubv"><li><a href="#" title="Entrada no site">Home</a></li><li><a href="#" title="Área de tutorial CSS">CSS Tutorial</a></li><li><a href="#" title="Técnicas de layout com CSS">CSS Layout</a></li><li><a href="#" title="Técnicas de efeitos em links">CSS Links</a></li><li><a href="#" title="Construção de menus">CSS Menu</a></li><li><a href="#" title="CSS para impressão">CSS Print</a></li><li><a href="#" title="Importação de folhas de estilo">CSS @import</a></li><li><a href="#" title="Fale conosco">Contato</a></li></ul>

Compartilhar este post

Link para o post
Compartilhar em outros sites

_ nEoN _    0

_ nEoN _
Postado

Voce tem que criar uma div de contenção para acomodar o site todo... dai voce determina a posição dos outros item dentro dessa div de contenção com o position:relative.<div id="master">...SITE...</div>ok !?

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