Joel Luis Posted June 18, 2012 Report Share Posted June 18, 2012 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 More sharing options...
pmg Posted June 18, 2012 Report Share Posted June 18, 2012 Metes "display: inline" no estilo dos li li { display: inline; } 1 Report 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 More sharing options...
Joel Luis Posted June 18, 2012 Author Report Share Posted June 18, 2012 mas isso tenho de fazer um documento css neh? Metes "display: inline" no estilo dos li li { display: inline; } Link to comment Share on other sites More sharing options...
dash Posted June 18, 2012 Report Share Posted June 18, 2012 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> 1 Report Link to comment Share on other sites More sharing options...
Joel Luis Posted June 18, 2012 Author Report Share Posted June 18, 2012 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 More sharing options...
dash Posted June 18, 2012 Report Share Posted June 18, 2012 não, o código que te dei é para aplicares o estilo directamente na página html.. http://www.w3schools.com/tags/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. 1 Report Link to comment Share on other sites More sharing options...
Joel Luis Posted June 18, 2012 Author Report Share Posted June 18, 2012 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 More sharing options...
pmg Posted June 18, 2012 Report Share Posted June 18, 2012 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> 1 Report 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 More sharing options...
Joel Luis Posted June 18, 2012 Author Report Share Posted June 18, 2012 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 More sharing options...
dash Posted June 18, 2012 Report Share Posted June 18, 2012 O estilo de CSS não leva o style, isso é SÓ se estiveres a fazer o estilo directamente no html. No CSS é só: li { display: inline; } Só isto, nada atrás. 1 Report Link to comment Share on other sites More sharing options...
Joel Luis Posted June 18, 2012 Author Report Share Posted June 18, 2012 O estilo de CSS não leva o style, isso é SÓ se estiveres a fazer o estilo directamente no html. No CSS é só: li { display: inline; } Só isto, nada atrás. Ah já consegui 😄 Obrigado Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now