Ir para conteúdo

POWERED BY:

Arquivado

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

rcdesign

Não estou conseguindo fazer este menu..

Por , em Desenvolvimento frontend

Recommended Posts

rcdesign    1

rcdesign
Postado

Galera,

 

Estou fazendo apenas meu terceiro site em css e não estou conseguindo fazer esse menu:

 

Imagem Postada

 

alguém pode me ajudar por favor????

Compartilhar este post

Link para o post
Compartilhar em outros sites

pa_bruno    0

pa_bruno
Postado

pow, você quer q a gente crie pra você? Querendo demais não acha??? :P Utilize listas não ordenadas para a criação dele... mostre o q você já fez, q a gente vai mostrando os erros, o q pode ser acertado, melhorado, entre outros... ;)

Compartilhar este post

Link para o post
Compartilhar em outros sites

rcdesign    1

rcdesign
Postado

pa_bruno

 

achei que minhas palavras tinham sido bem claras:

não estou conseguindo fazer

alguém pode me ajudar

não tô pedindo pra ninguém fazer pra mim não...

 

como a imagem mostra, esse menu é um tanto diferente. Montei a lista, montei o css mas não consegui fazer com que ele ficasse do jeito que eu preciso (como a imagem).

 

pera aí que vou resgatar a última das tentativas para postar.....

Compartilhar este post

Link para o post
Compartilhar em outros sites

rcdesign    1

rcdesign
Postado

aí vai

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>Menu Vertical</title><style type="text/css"><!--#fundomenu	{	background: url(img/fdmenuind.jpg);	width: 174px;	height: 124px;	}	ul#menu {width:150px;height: 90px;margin:0;padding: 24px 0 10px 24px;list-style-type:none;}ul#menu li {border-bottom:1px solid #fadf27;}ul#menu li a:link, ul#menu li a:visited {text-decoration:none;font-family: Arial;font-size:12px;color:#ffffff;padding-left:10px;}ul#menu li a:hover {color:#fadf27;} --></style></head><body><div id="fundomenu">	<ul id="menu">	<li><a href="#">Home</a></li>	<li><a href="#">Apoio Social</a></li>	<li><a href="#">Noticias e Novidades</a></li>	<li><a href="#">Trabalhe Conosco</a></li>	<li><a href="#">Contato</a></li> 	</ul></div></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

rcdesign    1

rcdesign
Postado

beleza..... tá resolvido.... :D 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><title>Menu Vertical</title><style type="text/css"><!--#fundomenu	{	background: url(img/fdmenuind.jpg);	width: 174px;	height: 124px;	}	ul#menu {width:150px;height: 90px;margin:0;padding: 20px 0 10px 24px;list-style-type:none;}ul#menu li {width:150px;height: 18px;padding-top: 1px;border-bottom:1px solid #fadf27;}ul#menu li a:link, ul#menu li a:visited {text-decoration:none;font-family: Arial;font-size:12px;color:#ffffff;padding-left: 5px;}ul#menu li a:hover {color:#fadf27;} --></style></head><body><div id="fundomenu">	<ul id="menu">	<li><a href="#">Home</a></li>	<li><a href="#">Apoio Social</a></li>	<li><a href="#">Noticias e Novidades</a></li>	<li><a href="#">Trabalhe Conosco</a></li>	<li><a href="#">Contato</a></li> 	</ul></div></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

rcdesign    1

rcdesign
Postado

tá limpo pa_bruno, o importante que deu certo e o só a intenção de ajudar já valeu http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

as vezes as coisas acontecem assim mesmo... estava tão p... com esse menu que não dava certo que desisti de tentar fazer funcionar e fiz o post, aí dei uma desligada e fiz outras coisas. Com a sua resposta fui resgatar o último código e voltei a mexer nele e acabei conseguindo resolver.... :D

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