Joel Luis Posted June 18, 2012 at 09:37 AM Report Share #463587 Posted June 18, 2012 at 09:37 AM 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 at 09:51 AM Report Share #463592 Posted June 18, 2012 at 09:51 AM 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 at 10:01 AM Author Report Share #463595 Posted June 18, 2012 at 10:01 AM 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 at 10:11 AM Report Share #463596 Posted June 18, 2012 at 10:11 AM 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 at 10:16 AM Author Report Share #463597 Posted June 18, 2012 at 10:16 AM 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 at 10:22 AM Report Share #463603 Posted June 18, 2012 at 10:22 AM 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 at 10:26 AM Author Report Share #463604 Posted June 18, 2012 at 10:26 AM 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 at 10:37 AM Report Share #463609 Posted June 18, 2012 at 10:37 AM 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 at 10:40 AM Author Report Share #463611 Posted June 18, 2012 at 10:40 AM 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 at 10:45 AM Report Share #463613 Posted June 18, 2012 at 10:45 AM 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 at 10:48 AM Author Report Share #463615 Posted June 18, 2012 at 10:48 AM 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