Jump to content
Sign in to follow this  
Senior

onde colocar o codigo css?

Recommended Posts

Senior

viva malta

tenho o codigo css do meu menu

agora estou em duvidas onde colocar esse codigo no meu website

alguem pode ajudar me?

Share this post


Link to post
Share on other sites
scorch

Supondo que estás a usar DreamWeaver/FrontPage/Editor WYSIWYG, sim.


PS: Não respondo a perguntas por mensagem que podem ser respondidas no fórum.

Share this post


Link to post
Share on other sites
Senior

tou a usar o nvu

e o codigo que quero introduzir e de um menu

[code]<head>
   <link rel="stylesheet" type="text/css" href="/menu/menu_style.css" />
</head>

<div class="nav-container-outer">
   <img src="/menu/images/nav-bg-l.jpg" alt="" class="float-left" />
   <img src="/menu/images/nav-bg-r.jpg" alt="" class="float-right" />
   <ul id="nav-container" class="nav-container">
      <li><a class="item-primary" href="index.html" target="_self">Início</a>
   </li>
       <li><span class="divider divider-vert" ></span></li>
      <li><a class="item-primary" href="videos.html" target="_self">Vídeos</a>
   </li>
       <li><span class="divider divider-vert" ></span></li>
      <li><a class="item-primary" href="imagens.html" target="_self">Imagens</a>
   </li>
       <li><span class="divider divider-vert" ></span></li>
      <li><a class="item-primary" href="votacoes.html" target="_self">Votações</a>
   </li>
       <li><span class="divider divider-vert" ></span></li>
      <li><a class="item-primary" href="membros.html" target="_self">Membros</a>
   </li>
       <li><span class="divider divider-vert" ></span></li>
      <li><a class="item-primary" href="comentarios.html" target="_self">Comentários</a>
   </li>
       <li><span class="divider divider-vert" ></span></li>
      <li><a class="item-primary" href="contacto.html" target="_self">Contacto</a>
   </li>
       <li><span class="divider divider-vert" ></span></li>
      <li class="clear"> </li>
   </ul>
</div>
[/code]

o problema que tou a ter e que nao sei onde irei poe este codigo

penso que seja no codigo fonte

se for no codigo fonte posso por no final do codigo que ja tenho?

Share this post


Link to post
Share on other sites
scorch

Depende onde queres que o menu apareça. O <link> colocas no <head>. O resto, colocas onde tu querias que apareça.


PS: Não respondo a perguntas por mensagem que podem ser respondidas no fórum.

Share this post


Link to post
Share on other sites
scorch

Se estás no NVU, crias uma tabela onde quiseres, e depois, na tab do código-fonte, vais e dentro da tabela, colocas lá esse código.


PS: Não respondo a perguntas por mensagem que podem ser respondidas no fórum.

Share this post


Link to post
Share on other sites
scorch

Mostra o teu código. ;)


PS: Não respondo a perguntas por mensagem que podem ser respondidas no fórum.

Share this post


Link to post
Share on other sites
Senior
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <link rel="stylesheet"
type="text/css" href="/menu/menu_style.css">
  <meta
content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
  <title>index</title>
</head>
<body
style="background-image: url(Fundo.jpg);">
<table
style="width: 400px; height: 33px; text-align: left; margin-left: auto; margin-right: auto;"
border="1" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td><img
style="width: 740px; height: 199px;" alt=""
src="Titulo.png"></td>
    </tr>
  </tbody>
</table>
<br>
<br>
<br>
<table
style="text-align: left; width: 283px; height: 32px;" border="1"
cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td>
      <div class="nav-container-outer"><img
src="/menu/images/nav-bg-l.jpg" alt="" class="float-left">
      <img src="/menu/images/nav-bg-r.jpg"
alt="" class="float-right">
      <ul id="nav-container"
class="nav-container">
        <li><a
class="item-primary" href="index.html" target="_self">Início</a>
        </li>
        <li><span
class="divider divider-vert"></span></li>
        <li><a
class="item-primary" href="videos.html" target="_self">Vídeos</a>
        </li>
        <li><span
class="divider divider-vert"></span></li>
        <li><a
class="item-primary" href="imagens.html" target="_self">Imagens</a>
        </li>
        <li><span
class="divider divider-vert"></span></li>
        <li><a
class="item-primary" href="votacoes.html" target="_self">Votações</a>
        </li>
        <li><span
class="divider divider-vert"></span></li>
        <li><a
class="item-primary" href="membros.html" target="_self">Membros</a>
        </li>
        <li><span
class="divider divider-vert"></span></li>
        <li><a
class="item-primary" href="comentarios.html"
target="_self">Comentários</a>
        </li>
        <li><span
class="divider divider-vert"></span></li>
        <li><a
class="item-primary" href="contacto.html" target="_self">Contacto</a>
        </li>
        <li><span
class="divider divider-vert"></span></li>
        <li class="clear"> </li>
      </ul>
      </div>
      </td>
    </tr>
  </tbody>
</table>
<br>
</body>
</html>

Share this post


Link to post
Share on other sites
scorch

E o de ccs, onde tens os links para as imagens. De certeza que o caminho para o ccs está correcto? E a estrutura das pastas, podias dizer? Onde tens as imagens, o css, etc? ;)


PS: Não respondo a perguntas por mensagem que podem ser respondidas no fórum.

Share this post


Link to post
Share on other sites
Senior

o link para as imagens acho que e este

<link rel="stylesheet"

type="text/css" href="/menu/menu_style.css">

e tenho as imagens

no C:\Users\Rafa\Documents\site\menu\images\

Share this post


Link to post
Share on other sites
scorch

E o de ccs

O código do menu, sff. ;)


PS: Não respondo a perguntas por mensagem que podem ser respondidas no fórum.

Share this post


Link to post
Share on other sites
Senior
<div class="nav-container-outer">
   <img src="/menu/images/nav-bg-l.jpg" alt="" class="float-left" />
   <img src="/menu/images/nav-bg-r.jpg" alt="" class="float-right" />
   <ul id="nav-container" class="nav-container">
      <li><a class="item-primary" href="index.html" target="_self">Início</a>
           </li>
       <li><span class="divider divider-vert" ></span></li>
      <li><a class="item-primary" href="videos.html" target="_self">Vídeos</a>
           </li>
       <li><span class="divider divider-vert" ></span></li>
      <li><a class="item-primary" href="imagens.html" target="_self">Imagens</a>
           </li>
       <li><span class="divider divider-vert" ></span></li>
      <li><a class="item-primary" href="votacoes.html" target="_self">Votações</a>
           </li>
       <li><span class="divider divider-vert" ></span></li>
      <li><a class="item-primary" href="membros.html" target="_self">Membros</a>
           </li>
       <li><span class="divider divider-vert" ></span></li>
      <li><a class="item-primary" href="comentarios.html" target="_self">Comentários</a>
           </li>
       <li><span class="divider divider-vert" ></span></li>
      <li><a class="item-primary" href="contacto.html" target="_self">Contacto</a>
           </li>
       <li><span class="divider divider-vert" ></span></li>
      <li class="clear"> </li>
   </ul>
</div>

Share this post


Link to post
Share on other sites
scorch

Não me estás a perceber. O de CSS, o código CSS. ;)


PS: Não respondo a perguntas por mensagem que podem ser respondidas no fórum.

Share this post


Link to post
Share on other sites
Senior

este e o codigo css do meu menu

<style media="all" type="text/css">@import "/menu/menu_style.css";</style>
<div class="menu">
<ul>
<li><a href="index.html" target="_self" >Início</a>
</li>
<li><a href="produtos.html" target="_self" >Produtos</a>
</li>
<li><a href="descarregar.html" target="_self" >Descarregar</a>
<ul>
<li><a href="programas.html" target="_self">Programas</a></li>
<li><a href="manuais.html" target="_self">Manuais</a></li>
</ul>
</li>
<li><a href="empresa.html" target="_self" >Empresa</a>
</li>
<li><a href="apoio.html" target="_self" >Apoio</a>
</li>
</ul>
</div>

e este e codigo que tenho na pagina onde quero por o menu

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta
content="text/html; charset=ISO-8859-1"
http-equiv="content-type">
  <title></title>
</head>
<body>
<table style="text-align: left; width: 100%;"
border="1" cellpadding="2" cellspacing="2">
  <tbody>
    <tr>
      <td></td>
    </tr>
    <tr>
      <td></td>
    </tr>
  </tbody>
</table>
<br>
</body>
</html>

ja tentei inserir o codigo na tabela e aparece assim mas nao sei porque nao esta a conseguir ir buscar as imagens do menu que esta na pasta do meu site

http://img33.imageshack.us/img33/2479/tabelacq.jpg

Share this post


Link to post
Share on other sites
scorch

Isso não é CSS. Isso é HTML. Se adicionas-te um <link>, tens de ter um ficheiro CSS, certo? :)


PS: Não respondo a perguntas por mensagem que podem ser respondidas no fórum.

Share this post


Link to post
Share on other sites
mAiN_iNfEcTiOn

Ou seja, mostra o conteúdo do ficheiro menu_style.css para sabermos se os caminhos estão correctos, etc....

Share this post


Link to post
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
Sign in to follow this  

×
×
  • 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.