Ir para conteúdo
Fórum Script Brasil

RB_ava

Membros
  • Total de itens

    1
  • Registro em

  • Última visita

Sobre RB_ava

RB_ava's Achievements

0

Reputação

  1. Olá galera, esse é meu primeiro post aqui no forum, sinceramente espero que me ajudem. estou criando um site pessoal em html, css e alguns plugins java. Decidi fazer o menu em fisheye, e ai é que está o problema, as imagens do menu não podem ficar separadas, pois estragaria o layout, eu as coloquei em uma div com espaço suficiente para que aconteça o efeito, mas não consigo posicionar as imagens no topo da div, e a div necessita de uma folga para a animação do menu, que ao passar o mouse os icones expandem. Aqui está o html do menu: <div class="header_l"> <ul id="fisheye_menu"> <li><a href="#2"><img src="script/images/menu01.jpg" alt="home"/><span>Inicial</span></a></li> <li><a href="#2"><img src="script/images/menu02.jpg" alt="serviços"/><span>A Empresa</span></a></li> <li><a href="#2"><img src="script/images/menu03.jpg" alt="serviços"/><span>Produtos</span></a></li> <li><a href="#2"><img src="script/images/menu04.jpg" alt="serviços"/><span>Vendas</span></a></li> <li><a href="#2"><img src="script/images/menu05.jpg" alt="cases"/><span>Noticias</span></a></li> <li><a href="#2"><img src="script/images/menu06.jpg" alt="curriculum"/><span>Contato</span></a></li> </ul> </div> <div class="header_r"> </div> E aquii a CSS: .header_l{height:50px; width:60%; float: left; padding:0 0px; background-color: #000;} .header_r{height:50px; width:40%; float: right; padding:0 0px; background-color:#000;} Por favor, como deixar o menu no topo da div, sem separar as imagens? já tentei usar o "position:absolute", mas ai as imagens saem fora da div que está centralizada em meu site, e ficam no canto da janela. obrigado!!!
×
×
  • Criar Novo...