Jump to content

HTML5 Menu


Joel Luis
 Share

Recommended Posts

Boas, como meto o menu na horizontal?

Eu podia usar o div e ficava na horizontal mas sem o div alguem me pode explicar é que não estou a ver.

Obrigado desde já 🙂

<nav>
   <ul>
   <li><a href="photos.htm"> Photos</a></li>
   <li><a href="acerca.htm"> Acerca</a></li>
   <li><a href="portfolio.htm"> Portfolio</a></li>
   </ul>
  </nav>
Link to comment
Share on other sites

Ou isso ou no próprio documento html que estás a trabalhar colocas isto no head:

<style type="text/css">

li {display: inline;}

</style>

Se criar o ficheiro no ficheiro meto "estilos.css" :

<style type="text/css">
li {display: inline;}
e mais coisas que precisar....
</style>

depois na pagina html meto:

<link href="estilos.css" rel="stylesheet">

e depois uso fica automatico ?

Link to comment
Share on other sites

não, o código que te dei é para aplicares o estilo directamente na página html..

http://www.w3schools...s/tag_style.asp

Se quiseres criar uma folha de estilo, aí sim fazes

<link rel="stylesheet" type="text/css" href="estilos.css" />

E crias o ficheiro, depois basta colares lá o que o Bruno te disse.

Ok, obrigado

Vou tentar agora 🙂

não, o código que te dei é para aplicares o estilo directamente na página html..

http://www.w3schools...s/tag_style.asp

Se quiseres criar uma folha de estilo, aí sim fazes

<link rel="stylesheet" type="text/css" href="estilos.css" />

E crias o ficheiro, depois basta colares lá o que o Bruno te disse.

Meti isto no estilo.css e não está a funcionar :c

//* CSS DOCUMENTO
//* AUTOR JOEL LUIS
li { display: inline; }
Link to comment
Share on other sites

A solução do ficheiro CSS é a mais indicada, mas podes meter o estilo individualmente para cada li, para testar!!!

<ul>
   <li style="display: inline">One</li>
   <li style="display: inline">Two</li>
   <li style="display: inline">Three</li>
</ul>
  • Vote 1

What have you tried?

Não respondo a dúvidas por PM

A minha bola de cristal está para compor; deve ficar pronta para a semana.

Torna os teus tópicos mais atractivos e legíveis usando a tag CODE para colorir o código!

Link to comment
Share on other sites

A solução do ficheiro CSS é a mais indicada, mas podes meter o estilo individualmente para cada li, para testar!!!

<ul>
<li style="display: inline">One</li>
<li style="display: inline">Two</li>
<li style="display: inline">Three</li>
</ul>

Eu quero fazer com o ficheiro CSS "estilo.css":

Vou mostrar-lhe como tenho o código no ficheiro css e no menu

Ficheiro CSS:

<style type="text/css">
li {display: inline;}
</style>

Menu Html:

<link rel="stylesheet" type="text/css" href="estilo.css" />
</head>
<body>
........
<nav>
   <ul>
   <li><a href="photos.htm"> Photos</a></li>
   <li><a href="acerca.htm"> Acerca</a></li>
   <li><a href="links.htm"> Links</a></li>
   </ul>
  </nav>
</body>
</html>

Porque nao está a funcionar?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

By using this site you accept our Terms of Use and Privacy Policy. We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.