Ir para conteúdo

Arquivado

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

K3lv!N

[Resolvido] Menu Horizontal CSS

Por , em Desenvolvimento frontend

Recommended Posts

K3lv!N    0

K3lv!N
Postado

Opa Galera beleza??

To precisando de uma ajudinha...

Estou produzindo um site pra um projeto final de curso e estou com um probleminha aqui na parte do css...É o seguinte, eu quero que o texto do menu horizontal fique alinhado em LEFT e com os separadores centralizados em vertical...ja tentei mudar algumas coisas só que não está dando muito certo.

 

Aki está o CSS

 

/*MENU*/

#menu{

height:35px;

background:url(images/menu.jpg) top repeat-x ;

}

#menu ul{

margin:0;

padding:0;

float:left;

list-style:none;

}

#menu ul li{

display:inline;

}

#menu ul li a{

text-decoration:none;

color:#FFF;

font-weight:bold;

font:20px Arial, Helvetica, sans-serif;

text-shadow:1px 1px 3px #333;

float:left;

padding:5px 8px 6px;

}

#menu ul li a:hover{

background:url(images/menu.jpg) bottom repeat-x;

}

#menu ul li img{

float:left;

}

 

 

HTML

<div id="menu">

<ul>

<li><a href="#">Início</a></li>

<li><img src="images/menu_sp.jpg" alt"" /></li>

<li><a href="#">Empresa</a></li>

<li><img src="images/menu_sp.jpg" alt"" /></li>

<li><a href="#">Nossos Livros</a></li>

<li><img src="images/menu_sp.jpg" alt"" /></li>

<li><a href="#">Nossos Cursos</a></li>

<li><img src="images/menu_sp.jpg" alt"" /></li>

<li><a href="#">Fale Conosco</a></li>

<li><img src="images/menu_spf.jpg" alt"" /></li>

</ul>

</div> <!-- MENU -->

 

Olhem como está ficando:

 

2qar5ll.jpg

 

Os separadores estão ficando grudados na parte de cima do menu, e preciso que eles fiquem no centro-vertical do menu. e também os itens do menu não ficam em Left, e eu preciso pois vou colocar um campinho de pesquisa no lado direito. Eu estou seguindo umas videos aula, e meu código está igual ao da aula, mais ainda continua dando errado. Não sei se vai ajudar, mais de vez em quando eu seguro F5 e o mantenho pressionado no navegador o menu fica do jeito que eu quero...Mais volta quando solto...

 

Se alguem puder me ajudar ficarei grato...

 

Obrigado pela atenção!!!

Compartilhar este post

Link para o post
Compartilhar em outros sites

K3lv!N    0

K3lv!N
Postado

qual o doctype você esta usando?

doctype? Já me ensinou algo que não sabia..rsrsrs

 

Acho q deve ser isso:

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 

Não sei se tem algo haver, Mais eu estou usando o Dreamweaver CS5 e o da aula é CS4...

 

Pessoal consegui aqui...

Agora eu to precisando de ajuda pra centralizar os separadores na vertical dentro do menu...Eles estão na parte de cima...

Obrigado pela atenção,

 

Desculpa aew gente..Mais ja consegui resolver os dois problemas...O engraçado é que fiquei um dia inteiro...daí dei um tempo...e agora pouco fui mexer e consegui rapidim....

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