Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Fernando Neto MH

[Resolvido] Link em confusão de cores do hover

Por , em Desenvolvimento frontend

Recommended Posts

Fernando Neto MH    13

Fernando Neto MH
Postado

Olá amigos do fórum estou fazendo um site para minha revenda de hospedagem. coloquei a cor #CCC (cinza claro) para o link e #FFF (branco) para hover mais na hora que coloco o site para rodar fica tipo um lilas

olha a imagem.

linkcz.jpg

O estilo.css

@charset "utf-8";
/* CSS Document */

body{
margin:0px;
overflow-x: hidden;
background-color: #000;
}

.head {
background-image: url(../images/bg_head.jpg);
background-repeat: repeat-x;
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
border-top:2px solid #165FB8;
width:100%;
}

.logo {
background-image: url(../images/LOGO.png);
background-repeat: no-repeat;
background-position: center center;
}
.slide {
background-image: url(../images/bg_slide.jpg);
background-repeat: repeat;
background-attachment: fixed;
margin:0px;
width:100%;
height:250px;
}
.conteudo {
background-image: url(../images/bg_conteudo.jpg);
background-repeat: repeat-x;
padding-top:1px;
}
.planos {
background-image: url(../images/bg_planos.jpg);
background-repeat: repeat-x;
cursor: help;
border-radius: 10px;
height:300px;
width:187px;
}
.rodape {
background-image: url(../images/bg_rodape.jpg);
background-repeat: repeat-x;
height:198px;
width:100%;
border:0px;
margin-left:0px;
margin-bottom:0px;
text-align:left;
vertical-align:bottom;
}
.rodapeli:link {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
color: #CCC;
text-align:left;
text-decoration:none;
}
.rodapeli:hover {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
color: #FFF;
text-align:left;
text-decoration:none;
}

 

o index.php

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="css/estilo.css"/>
<link rel="stylesheet" type="text/css" href="menu.css"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="Martins Hospedagens, Hospedagem de sites, Criação de sites, Streaming,Hospedagem + Streaming, Neto Design, São José do Egito-PE" />
<title>Martins Hospedagens, Hospedagem de sites, Streaming e cração de web sites</title>

<!-- Scripts do menu -->

<link href="css/dcmegamenu.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type='text/javascript' src='js/jquery.hoverIntent.minified.js'></script>
<script type='text/javascript' src='js/jquery.dcmegamenu.1.2.js'></script>

<script type="text/javascript">
$(document).ready(function($){

$('#mega-menu-tut').dcMegaMenu({

	rowItems: '3',

	speed: 'fast'

});

});
function MM_swapImgRestore() { //v3.0
 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
   var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
   if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
 var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
   d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
 if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
 for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
 if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<!-- /Scripts do Menu -->
<!-- Scripts do Slide -->




<style type="text/css">
a:link {
color: #CCC;
}
a:link:hover{
color:#FFF;
}
</style>
</head>

<body onload="MM_preloadImages('imagens_menu/menu_opcoes_r2_c2_s2.png','imagens_menu/menu_opcoes_r4_c4_s2.png','imagens_menu/menu_opcoes_r3_c6_s2.png')">
<table class="head" height="100px" margin-top="0px" width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
   <th width="40%" class="logo" scope="col"></th>
   <th width="60%" scope="col"><table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="600">
     <tr>
       <td colspan="7"><table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="600">
         <!-- fwtable fwsrc="Sem título" fwpage="Página 1" fwbase="menu_opcoes.png" fwstyle="Dreamweaver" fwdocid = "513896767" fwnested="0" -->
         <tr>
           <td><img src="imagens_menu/spacer.gif" width="8" height="1" border="0" alt="" /></td>
           <td><img src="imagens_menu/spacer.gif" width="185" height="1" border="0" alt="" /></td>
           <td><img src="imagens_menu/spacer.gif" width="3" height="1" border="0" alt="" /></td>
           <td><img src="imagens_menu/spacer.gif" width="210" height="1" border="0" alt="" /></td>
           <td><img src="imagens_menu/spacer.gif" width="14" height="1" border="0" alt="" /></td>
           <td><img src="imagens_menu/spacer.gif" width="136" height="1" border="0" alt="" /></td>
           <td><img src="imagens_menu/spacer.gif" width="44" height="1" border="0" alt="" /></td>
           <td><img src="imagens_menu/spacer.gif" width="1" height="1" border="0" alt="" /></td>
         </tr>
         <tr>
           <td colspan="7"><img name="menu_opcoes_r1_c1_s1" src="imagens_menu/menu_opcoes_r1_c1_s1.png" width="600" height="8" border="0" id="menu_opcoes_r1_c1_s1" alt="" /></td>
           <td><img src="imagens_menu/spacer.gif" width="1" height="8" border="0" alt="" /></td>
         </tr>
         <tr>
           <td rowspan="5"><img name="menu_opcoes_r2_c1_s1" src="imagens_menu/menu_opcoes_r2_c1_s1.png" width="8" height="52" border="0" id="menu_opcoes_r2_c1_s1" alt="" /></td>
           <td rowspan="3"><a href="area" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image27','','imagens_menu/menu_opcoes_r2_c2_s2.png',1)"><img src="imagens_menu/menu_opcoes_r2_c2_s1.png" name="Image27" width="185" height="44" border="0" id="Image27" /></a></td>
           <td colspan="5"><img name="menu_opcoes_r2_c3_s1" src="imagens_menu/menu_opcoes_r2_c3_s1.png" width="407" height="3" border="0" id="menu_opcoes_r2_c3_s1" alt="" /></td>
           <td><img src="imagens_menu/spacer.gif" width="1" height="3" border="0" alt="" /></td>
         </tr>
         <tr>
           <td colspan="3"><img name="menu_opcoes_r3_c3_s1" src="imagens_menu/menu_opcoes_r3_c3_s1.png" width="227" height="2" border="0" id="menu_opcoes_r3_c3_s1" alt="" /></td>
           <td rowspan="3"><a href="dominio" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image29','','imagens_menu/menu_opcoes_r3_c6_s2.png',1)"><img src="imagens_menu/menu_opcoes_r3_c6_s1.png" name="Image29" width="136" height="43" border="0" id="Image29" /></a></td>
           <td rowspan="4"><img name="menu_opcoes_r3_c7_s1" src="imagens_menu/menu_opcoes_r3_c7_s1.png" width="44" height="49" border="0" id="menu_opcoes_r3_c7_s1" alt="" /></td>
           <td><img src="imagens_menu/spacer.gif" width="1" height="2" border="0" alt="" /></td>
         </tr>
         <tr>
           <td rowspan="3"><img name="menu_opcoes_r4_c3_s1" src="imagens_menu/menu_opcoes_r4_c3_s1.png" width="3" height="47" border="0" id="menu_opcoes_r4_c3_s1" alt="" /></td>
           <td rowspan="2"><a href="painel" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image28','','imagens_menu/menu_opcoes_r4_c4_s2.png',1)"><img src="imagens_menu/menu_opcoes_r4_c4_s1.png" name="Image28" width="210" height="41" border="0" id="Image28" /></a></td>
           <td rowspan="3"><img name="menu_opcoes_r4_c5_s1" src="imagens_menu/menu_opcoes_r4_c5_s1.png" width="14" height="47" border="0" id="menu_opcoes_r4_c5_s1" alt="" /></td>
           <td><img src="imagens_menu/spacer.gif" width="1" height="39" border="0" alt="" /></td>
         </tr>
         <tr>
           <td rowspan="2"><img name="menu_opcoes_r5_c2_s1" src="imagens_menu/menu_opcoes_r5_c2_s1.png" width="185" height="8" border="0" id="menu_opcoes_r5_c2_s1" alt="" /></td>
           <td><img src="imagens_menu/spacer.gif" width="1" height="2" border="0" alt="" /></td>
         </tr>
         <tr>
           <td><img name="menu_opcoes_r6_c4_s1" src="imagens_menu/menu_opcoes_r6_c4_s1.png" width="210" height="6" border="0" id="menu_opcoes_r6_c4_s1" alt="" /></td>
           <td><img name="menu_opcoes_r6_c6_s1" src="imagens_menu/menu_opcoes_r6_c6_s1.png" width="136" height="6" border="0" id="menu_opcoes_r6_c6_s1" alt="" /></td>
           <td><img src="imagens_menu/spacer.gif" width="1" height="6" border="0" alt="" /></td>
         </tr>
       </table></td>
     </tr>
   </table></th>
 </tr>
</table>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
 <tr>
   <th scope="col"><center><div class="dcjq-mega-menu">

<ul id="mega-menu-tut" class="menu">

<li><a href="#">Home</a></li>
<li><a href="#">Hospedagem</a></li>
<li><a href="#">Domínios</a></li>


<li><a href="#">Streaming</a></li>


<li><a href="#">Serviços</a>

 <ul><li><a href="#">Loja Virtual</a></li><li><a href="#">Sites para web rádio</a></li>
 <li><a href="#">Sites para empresa</a></li><li><a href="#">Sites pessoal</a></li><li><a href="#">Manutenção de Sites</a></li>

 </ul></li>

<li><a href="#">Certificado SSL</a></li> 
<li><a href="#">Licenças</a></li>

<li><a href="#">Atendimento</a>
<ul><li><a href="#">Chat online</a></li><li><a href="#">Email</a></li>
 <li><a href="#">Ticket</a></li><li><a href="#">Telefone</a></li>

 </ul></li>
 <li><a href="#">Sobre</a>
<ul><li><a href="#">Empresa</a></li><li><a href="#">Infraestrutura</a></li>
 <li><a href="#">Clientes</a></li>

 </ul></li>
</ul>

</div></center>
</th>
 </tr>
</table>
<table width="100%" class="slide" border="0" cellpadding="0" cellspacing="0" >
 <tr>
   <th scope="col"><IFRAME width='100%' height='100%' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' src='slide.php'></IFRAME></th>
 </tr>
</table>
<table width="100%" border="0" cellpadding="0" cellspacing="0" class="conteudo">
 <tr>
   <th scope="col"><table width="90%" height="300" border="0" align="center" cellpadding="10" cellspacing="10">
     <tr>
      <th class="planos" scope="col"><img src="planos/hospedagem.png" width="180" height="200" /></th>
      <th class="planos" scope="col"><img src="planos/streaming.png" width="180" height="200" /></th>
      <th class="planos" scope="col"><img src="planos/dominios.png" width="180" height="200" /></th>
      <th class="planos" scope="col"><img src="planos/loja-virtual.png" width="180" height="200" /></th>
      <th class="planos" scope="col"><img src="planos/web_sites.png" width="180" height="200" /></th>
     </tr>
   </table></th>
 </tr>
</table>
<table width="100%" border="0" align="center" class="rodape">
<tr>
 <td>
<th width="275px" scope="col"><p><img src="images/servicos_rodape.png" width="100" height="20" /></p>
<p><a href="#" class="rodapeli">Hospedagens de sites</a></p>
<p><a href="#" class="rodapeli">Registro de Domínio</a></p>
<p><a href="#" class="rodapeli">Streaming de Áudio</a></p>
<p><a href="#" class="rodapeli">Lojas Virtuais</a></p></th>
      <th width="275px" scope="col"><p> </p>
       <p><a href="#" class="rodapeli">Web Sites</a></p>
       <p><a href="#" class="rodapeli">Manutenção de Sites</a></p>
       <p> <a href="#" class="rodapeli">Sites para Rádio</a></p>
       <p> </p></th>
      <th width="275px" scope="col"><p><img src="images/atendimento_rodape.png" width="100" height="20" /></p>
<p><a href="#" class="rodapeli">Chat online</a></p>
<p><a href="#" class="rodapeli">Email </a></p>
<p><a href="#" class="rodapeli">Ticket</a></p>
<p><a href="#" class="rodapeli">Telefone</a></p></th>
      <th width="275px" scope="col"><p><img src="images/sobre_rodape.png" width="100" height="20" /></p>
      <p><a href="#" class="rodapeli">Empresa</a></p>
      <p><a href="#" class="rodapeli">Infraestrutura</a></p>
      <p><a href="#" class="rodapeli">Clientes</a></p>
      <p> </p></th>
      <th width="275px" scope="col"> </th>
      <th width="275px" scope="col"> </th>
     </tr>
</td>
</table>

</table>
</body>
</html>

Lembrando que o hover vai para branco direito só o que tá errado é o link normal.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

este trecho:

.rodapeli:link {
       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
       font-size: 14px;
       font-style: normal;
       color: #CCC;
       text-align:left;
       text-decoration:none;
}

deixe assim:

 

.rodapeli {
       font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
       font-size: 14px;
       font-style: normal;
       color: #CCC;
       text-align:left;
       text-decoration:none;
}

 

esse lilas ai, é o estado visited. Colocando direto, sem a pseudoclass, você escreve para todos os estados.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito