onde colocar o codigo css?

Senior · December 5, 2009 at 06:30 PM

viva malta

tenho o codigo css do meu menu

agora estou em duvidas onde colocar esse codigo no meu website

alguem pode ajudar me?

yoda · December 5, 2009 at 07:20 PM

Ou colocas dentro da pagina referente (dentro das tags <head>) :

<head>
<style type="text/css">
...
... css aqui
...
</style>
</head>

Ou então num ficheiro externo acabado em .css

Senior · December 5, 2009 at 08:16 PM

tenho de por o codigo na tab do codigo-fonte?

scorch · December 5, 2009 at 08:49 PM

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

Senior · December 5, 2009 at 09:04 PM

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?

scorch · December 5, 2009 at 09:12 PM

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

Senior · December 5, 2009 at 09:17 PM

queria que aparecesse dentro de uma tabela

neste caso onde e que ponho?

scorch · December 5, 2009 at 09:31 PM

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.

Senior · December 5, 2009 at 09:43 PM

eu coloco o codigo na tabela e aparece isto

http://img709.imageshack.us/img709/226/tabela.jpg

e devia aparecer isto

http://img51.imageshack.us/img51/6169/menuj.jpg

ja tenho as imagens do menu na pasta do website

scorch · December 5, 2009 at 09:49 PM

Mostra o teu código. 😉

Senior · December 5, 2009 at 09:55 PM

<!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>

scorch · December 5, 2009 at 10:04 PM

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? 😉

Senior · December 5, 2009 at 10:08 PM

o link para as imagens acho que e este

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

e tenho as imagens

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

scorch · December 5, 2009 at 10:11 PM

E o de ccs

O código do menu, sff. 😉

Senior · December 5, 2009 at 10:33 PM

<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>

scorch · December 6, 2009 at 03:44 PM

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

Senior · December 15, 2009 at 12:52 PM

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

scorch · December 15, 2009 at 03:59 PM

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

mAiN_iNfEcTiOn · December 15, 2009 at 04:11 PM

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

Senior · December 15, 2009 at 05:46 PM

sim,tenho

tenho o menu_style.css no C:\Users\Rafa\Documents\Site\menu\menu_style.css

onde colocar o codigo css?

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in

Important Information