Ir para o conteúdo

Publicidade

 Estatísticas do Fórum

  • 0 Usuários ativos

    0 membro(s), 0 visitante(s) e 0 membros anônimo(s)

Foto:

Dois estilos de links em textos na mesma págna.

  • Por favor, faça o login para responder
1 resposta neste tópico

#1 logan_pa

logan_pa
  • Membros
  • 662 posts

Postado 23 novembro 2005 - 12:45

Estou tentando fazer dois estilos em links texto na mesma pagina mais não esta funcionando.
Vejam os códigos:

CSS.

.menu a:link {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
	text-indent: 10px;
}
.menu a:visited {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #B4D0EF;
	text-decoration: none;
	text-indent: 10px;
}
.menu a:hover {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #0099CC;
	text-decoration: none;
	text-indent: 10px;
}
.menu a:active {
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	color: #0099CC;
	text-decoration: none;
	text-indent: 10px;

}

.menu2 a:link {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	color: #003366;
	text-decoration: none;
	text-indent: 10px;
}
.menu2 a:visited {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	color: #B4D0EF;
	text-decoration: none;
	text-indent: 10px;
}
.menu2 a:hover {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	color: #0099CC;
	text-decoration: none;
	text-indent: 10px;
}
.menu2 a:active {
	font-family: "Trebuchet MS";
	font-size: 11px;
	font-weight: bold;
	color: #0099CC;
	text-decoration: none;
	text-indent: 10px;

}



HTML
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Unasp - Centro Universit&aacute;rio Adventista de S&atilde;o Paulo</title>
<style type="text/css">
<!--
#Layer1 {
	position:absolute;
	width:171px;
	height:299px;
	z-index:1;
	left: 619px;
	top: 59px;
	background-image: url(imagens/bg_unasp_online.jpg);
}
#Layer2 {
	position:absolute;
	width:100%;
	height:75px;
	z-index:2;
	left: 1px;
	top: 0px;
	background-image: url(imagens/bg_degrade_azul.jpg);
}
#Layer3 {
	position:absolute;
	width:148px;
	height:115px;
	z-index:2;
	left: 7px;
	top: 99px;
	background-color: E9F3FE;
}
#Layer4 {
	position:absolute;
	width:143px;
	height:29px;
	z-index:3;
	left: 8px;
	top: 71px;
}

-->
</style>
<link href="menu.css" rel="stylesheet" type="text/css">
</head>

<body>
<div id="Layer1"></div>
<div id="Layer3">
  <table width="100%" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#FFFFFF">
	<tr>
	  <td height="18" background="imagens/bg_menu.jpg" class="menu"><a href="#"><strong>O UNASP</strong></a></td>
	</tr>
	<tr>
	  <td height="17" bgcolor="#E9F3FE"><a href="#" class="menu2" >Miss&atilde;o e vis&atilde;o</a></td>
	</tr>
	<tr>
	  <td height="17" bgcolor="#E9F3FE"><a href="#" class="menu2">Hist&oacute;rico</a></td>
	</tr>
	<tr>
	  <td height="18" background="imagens/bg_menu.jpg" bgcolor="#E9F3FE" class="menu">CAMPI</td>
	</tr>
	<tr>
	  <td height="17" bgcolor="#E9F3FE"><a href="#" class="menu2">S&atilde;o Paulo</a> </td>
	</tr>
	<tr>
	  <td height="17" bgcolor="#E9F3FE"><a href="#">Engenheiro Coelho </a></td>
	</tr>
	<tr>
	  <td height="17" bgcolor="#E9F3FE"><a href="#">Hortol&acirc;ndia</a></td>
	</tr>
	<tr>
	  <td height="18" background="imagens/bg_menu.jpg" bgcolor="#E9F3FE" class="menu">REITORIA</td>
	</tr>
	<tr>
	  <td height="17" bgcolor="#E9F3FE"><a href="#">Reitor</a></td>
	</tr>
	<tr>
	  <td height="17" bgcolor="#E9F3FE"><a href="#">Pr&oacute;-Reitores</a></td>
	</tr>
	<tr>
	  <td height="17" bgcolor="#E9F3FE"><a href="#">Diretores</a></td>
	</tr>
	<tr>
	  <td height="17" bgcolor="#E9F3FE"><a href="#">Secretaria geral </a></td>
	</tr>
	<tr>
	  <td height="18" background="imagens/bg_menu.jpg" bgcolor="#E9F3FE" class="menu">ENSINO</td>
	</tr>
	<tr>
	  <td height="17" bgcolor="#E9F3FE"><a href="#">Col&eacute;gio Unasp </a></td>
	</tr>
	<tr>
	  <td height="17" bgcolor="#E9F3FE"><a href="#">Gradua&ccedil;&atilde;o</a></td>
	</tr>
	<tr>
	  <td height="17" bgcolor="#E9F3FE"><a href="#">P&oacute;s-Gradua&ccedil;&atilde;o</a></td>
	</tr>
	<tr>
	  <td height="17" bgcolor="#E9F3FE"><a href="#">Especializa&ccedil;&atilde;o</a></td>
	</tr>
	<tr>
	  <td height="17" bgcolor="#E9F3FE"><a href="#">Mestrado</a></td>
	</tr>
	<tr>
	  <td height="18" background="imagens/bg_menu.jpg" bgcolor="#E9F3FE" class="menu">ADMISS&Atilde;O</td>
	</tr>
	<tr>
	  <td height="17" bgcolor="#E9F3FE"><a href="#">Processo Seletivo </a></td>
	</tr>
	<tr>
	  <td height="17" bgcolor="#E9F3FE"><a href="#">Bolsas</a></td>
	</tr>
	<tr>
	  <td height="17" bgcolor="#E9F3FE"><a href="#">Est&aacute;gios</a></td>
	</tr>
	<tr>
	  <td height="17" bgcolor="#E9F3FE"><a href="#">Interc&acirc;mbio</a></td>
	</tr>
	<tr>
	  <td height="18" background="imagens/bg_menu.jpg" bgcolor="#E9F3FE" class="menu">SERVI&Ccedil;OS</td>
	</tr>
	<tr>
	  <td height="17" bgcolor="#E9F3FE"><a href="#">Internato</a></td>
	</tr>
	<tr>
	  <td height="17" bgcolor="#E9F3FE"><a href="#">Restaurante</a></td>
	</tr>
	<tr>
	  <td height="17" bgcolor="#E9F3FE"><a href="#">Biblioteca</a></td>
	</tr>
	<tr>
	  <td height="17" bgcolor="#E9F3FE"><a href="#">Webmail</a></td>
	</tr>
	<tr>
	  <td height="18" background="imagens/bg_menu.jpg" bgcolor="#E9F3FE" class="menu">EVENTOS</td>
	</tr>
	<tr>
	  <td height="18" background="imagens/bg_menu.jpg" bgcolor="#E9F3FE" class="menu">NOT&Iacute;CIAS</td>
	</tr>
	<tr>
	  <td background="imagens/bg_menu.jpg" bgcolor="#E9F3FE" class="menu">BLOG DO PROFESSOR</td>
	</tr>
	<tr>
	  <td height="18" background="imagens/bg_menu.jpg" bgcolor="#E9F3FE" class="menu">NOSSOS SITES </td>
	</tr>
	<tr>	</tr>

	<tr>
	  <td>&nbsp;</td>
	</tr>
  </table>
</div>
<table width="781" border="0" cellspacing="0" cellpadding="0">
  <tr>
	<td>&nbsp;</td>
  </tr>
</table>
<div id="Layer4"><img src="imagens/botao_tornar_pagina_inicial.jpg" width="145" height="29"></div>
</body>
</html>


----------------------------------------------------------------------------------------------------
  • 0

#2 pa_bruno

pa_bruno

    Bruno Dulcetti.com

  • Membros
  • 3.287 posts

Postado 23 novembro 2005 - 13:37

tenta colocando o td antes do .menu
td.menu a:link {

e por ae vai.. ;)

fora q o codigo tah bem sujo, como tinha lhe dito via msn...

e poderia ter postado uma url, pra ver online... a modificação eh sempre mais rapida pra quem tah vendo daki ;)

Editado por pa_bruno, 23 novembro 2005 - 13:38 .

  • 0




Publicidade

/ins>