Problemas com Menu Horizontal

[DPLF 3]

Olá pessoal, bom dia;

 

 

Bem eu estou precisando de um menu horizontal estático, somente com imagens as quais linkem à página, só que o código não funciona, já pesquisei, e o que encontro é somente menus dinâmicos. Vou postar os códigos CSS e HTML para, que se puderem ajudar, desde já agradeço.

 

Código CSS

/* Menu Horizontal */

   #menu {
      float:left;
      width:100%;
      background:#eeeeee;
      font-size:93%;
      line-height:normal;
      }
    #menu ul {
        margin:0;
        padding:10px 10px 0 50px;
        list-style:none;
      }
    #menu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #menu a {
      float:left;
      background:no-repeat left top;
      margin:0;
      padding:0 0 0 0px;
      text-decoration:none;
      }
    #menu a span {
      float:left;
      display:block;
      background:no-repeat right top;
      color:#eeeeee;
      }
    #menu a span {float:none;}
    #menu a:hover span {
      color:#eeeeee;
      }
    #menu a:hover {
      background-position:0% -42px;
      }
    #menu a:hover span {
      background-position:100% -42px;
      }



#wrap {
width:794px; /* largura fictícia */
margin:0 auto;
}

 

 

 

Agora o HTML:

 

<div id="marquee"><marquee>
<span class="style5"><strong>TRANSPORTE, LOGÍSTICA DE VEÍCULOS E MUDANÇAS. </strong></span></marquee>
 </div>
  <div id="masthead">
   <div id="globalNav">
     <div id="menu" align="center">
  <ul>
    <li><a href="#" ><img src="figuras/Menu_Empresa.png" /></a></li>
    <li><a href="#" ><img src="figuras/Menu_Frota.png" /></a></li>
    <li><a href="#" ><img src="figuras/Menu_Servico.png" width="81" height="30" /></a></li>
    <li><a href="#" ><img src="figuras/Menu_Contato.png" /></a></li>
    <li><a href="#" ><img src="figuras/Menu_Seguro.png" /></a></li>
    <li><a href="#" ><img src="figuras/Menu_Localizacao.png" /></a></li>
 <li><a href="#" ><img src="figuras/Menu_Orcamento.png" /></a></li>
  </ul>
      </div> 
   </div>
</div>
<div align="center" style="background-color:#eeeeee"> 

</div>

 

 

 

Desde já agradeço a atenção e, possivelmente a ajuda.

 

Um bom dia a todos ! ! !

[Wanderson Valerio 102]

Você quer um menu na horizontal e ele não fica na horizontal, é isso?

[DPLF 3]

Olá Wanderson;

 

Eu quero um Menu Horizontal e ele fica, só que não desejo que haja movimento algum, que ele fique com as imagens paradas. Uma ao lado da outra com seus devidos links.

 

 

Grato por sua atenção

Dalmo

[Wanderson Valerio 102]

Qual o movimento que está ocorrendo?

[DPLF 3]

Com esse código, eles caem na diagonal para esquerda e, desconfiguram um pouco a página, pois a mesma também cai.

 

Assim quem irá cair sou eu aqui. kkkk

 

Brincadeiras a parte, agradeço a ajuda aí!

[Wanderson Valerio 102]

Se esse menu ocupar a tela inteira, use 960px ao invés de 100%;

 

Tira um print ai e manda para vermos como está.

[DPLF 3]

Como sou novato aqui no fórum, pelo que vi a imagem deve estar on-line para que eu a envie, estou correto? Já as tenho salvas aqui no PC (parte do menu e como ela fica depois com o mouse em cima ), só não sei como enviar????

 

 

 

Outra coisa, ela está definida como 100%, porém o SITE todo estará definido com o valor de 894 px. inseri isso no CSS, então quando atribuo 100% ele automaticamente vai para o valor já citado. Depois, se desejar passo o código para você, caso não conheça.

[Wanderson Valerio 102]

Como sou novato aqui no fórum, pelo que vi a imagem deve estar on-line para que eu a envie, estou correto? Já as tenho salvas aqui no PC (parte do menu e como ela fica depois com o mouse em cima ), só não sei como enviar????

 

Posta ela no facebook e copia a URL pra cá!!

[DPLF 3]

vou inserir o link, acho que é melhor

 

 

 

Copia e vê como fica, porque não consegui postar o link como queria.

 

 

 

Por favor.

[Wanderson Valerio 102]

Vixiii,

os dois links estão corrompidos

[DPLF 3]

vou enviar de uma outra maneira ... xá eu renomear isso aí que eu fiz às pressas.

[Wanderson Valerio 102]

vou enviar de uma outra maneira ... xá eu renomear isso aí que eu fiz às pressas.

 

Beleza

[DPLF 3]

Okay vamos lá de novo:

 

 

 

Clique aqui

 

Clique aqui

 

 

veja agora, por favor... Acho que não quebrou os links.

[Wanderson Valerio 102]

Você quer que não fique se mexendo quando passar o mouse, certo?

[DPLF 3]

Isso mesmo, um menu simples, com imagens uma ao lado da outra sem movimentação e que somente linkem às páginas as quais estão designadas

[Wanderson Valerio 102]

è só você tirar isso:

#menu a:hover {
      background-position:0% -42px;
      }
    #menu a:hover span {
      background-position:100% -42px;
      }

 

do seu css

respodne ai

[DPLF 3]

Irei fazer isso agora mesmo... Desculpe, ontem eu caí e minha conecxão não voltou mais... vou retirar agora mesmo.

 

Acabei de fazer a exclusão do campo no css e ainda continua o problema... Estive pensando em uma alternativa radical, já que não quero os botões todos em movimento, porque não pegá-los, inserí-los no photoshop e fazer uma barra única. Depois levo para o DreamWeaver e seleciono cada um inserindo o link nos mesmos... Isso fará com que eu obtenha o resultado o qual desejo e, não irá desconfigurar a página!

Agora se alguém tiver realmene uma solução, favor postar para que eu e o pessoal possamos saber como resolver esse problema sem essa "gambiarra".

 

 

 

Fico no Aguardo aqui.

 

 

 

Abraços;

 

 

 

Dalmo