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.


scorch_pp.png

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.


scorch_pp.png

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.


scorch_pp.png

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. ;)


scorch_pp.png

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? ;)


scorch_pp.png

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. ;)


scorch_pp.png

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. ;)


scorch_pp.png

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? :)


scorch_pp.png

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
scorch

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

:)


scorch_pp.png

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

era isto que queriam saber

C:\Users\Rafa\Documents\Site\menu\menu_style.css a localizacao do ficheiro

acho que o caminho esta correcto no codigo

Share this post


Link to post
Share on other sites
scorch

Abre o ficheiro C:\Users\Rafa\Documents\Site\menu\menu_style.css e mostra o conteúdo dele. :)


scorch_pp.png

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
.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
.menu ul{
background:#333333;
height:35px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
	float:left;
	padding:0px;
	}
.menu li a{
	background:#333333 url("images/seperator.gif") bottom right no-repeat;
	color:#cccccc;
	display:block;
	font-weight:normal;
	line-height:35px;
	margin:0px;
	padding:0px 25px;
	text-align:center;
	text-decoration:none;
	}
	.menu li a:hover, .menu ul li:hover a{
		background: #2580a2 url("images/hover.gif") bottom center no-repeat;
		color:#FFFFFF;
		text-decoration:none;
		}
.menu li ul{
	background:#333333;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:225px;
	z-index:200;
	/*top:1em;
	/*left:0;*/
	}
.menu li:hover ul{
	display:block;

	}
.menu li li {
	background:url('images/sub_sep.gif') bottom left no-repeat;
	display:block;
	float:none;
	margin:0px;
	padding:0px;
	width:225px;
	}
.menu li:hover li a{
	background:none;

	}
.menu li ul a{
	display:block;
	height:35px;
	font-size:12px;
	font-style:normal;
	margin:0px;
	padding:0px 10px 0px 15px;
	text-align:left;
	}
	.menu li ul a:hover, .menu li ul li:hover a{
		background:#2580a2 url('images/hover_sub.gif') center left no-repeat;
		border:0px;
		color:#ffffff;
		text-decoration:none;
		}
.menu p{
	clear:left;
	}	

Share this post


Link to post
Share on other sites
scorch

Isso parece um problema de carregar o ficheiro CSS. Coloca antes, na página onde queres pôr o menu:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" media="all" type="text/css" href="/menu/menu_style.css" />
  <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>


scorch_pp.png

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

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.