ayuda con link

cocky_mar · #1 (**permalink**) 27/12/2007, 10:34

hola a todos soy nueva por estos pagos y no tengo mucha experiencia con css, estube mirando los faq pero no encontre justo lo que necesitaba.
mi problema es con los link, quero que mi link, no este subrayado (eso lo reslovi) y que mantenga el color del estilo que estoy usando, que no cambie a azul ni violeta.
mi estilo es
.titulosgris {
font-family: "Century Gothic", "Geometr415 Md BT", "AvantGarde Md BT", Arial;
font-size: 24px;
font-weight: bold;
color: #828282;
line-height: 30pt;
padding-left: 20px;
text-decoration: none;

}

ademas le agregue esto entre head y head del html:
<style type="text/css">
a:link {text-decoration:none}
a:visited {text-decoration:none}
a:hover{text-decoration:none}
a:active{text-decoration:none}
</style>

porque con el "text-decoration:none" del css no lo reconocia, o sea, seguia apareciendo subrayado
alguen me puede explicar como hacerlo????

muchas gracias
saludos
feliz año!!

webosiris · #2 (**permalink**) 27/12/2007, 14:22

hola, muestra por favor tu html, ya que no se a que le estas aplicando la clase "titulosgris"... probablemente no se la estes aplicando directamente al enlace y por eso no agarra los estilos

Raulmmmm · #3 (**permalink**) 27/12/2007, 14:23

¿Podrías poner también el código HTML que usas para el enlace?

cocky_mar · #4 (**permalink**) 27/12/2007, 17:55

hola aca pongo todo el codigo html, por las dudas, gracias

Código HTML:

<html>
<head>
<style type="text/css"> 
a:link {text-decoration:none} 
a:visited {text-decoration:none} 
a:hover{text-decoration:none} 
a:active{text-decoration:none} 
</style> 
<title>industrias</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- Fireworks MX Dreamweaver MX target.  Created Tue Dec 18 05:27:11 GMT-0300 (Hora est. de Sudamérica E.) 2007-->
<script language="JavaScript">
<!--

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];}}
}

//-->
</script>
<link href="estilocentury.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#D8D8D8" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table border="0" cellpadding="0" cellspacing="0" width="616">
  <!-- fwtable fwsrc="industrias.png" fwbase="industrias.png" fwstyle="Dreamweaver" fwdocid = "742308039" fwnested="1" -->
  <tr> 
    <td width="464" bgcolor="#FFFFFF" class="textogrande"><img src="http://www.forosdelweb.com/images/industrias.jpg" width="254" height="64" border="0"></td>
  </tr>
  <tr>
    <td height="20">&nbsp;</td>
  </tr>
  <tr> 
    <td height="30" > <p class="titulosgris"><a href="clientes/servicios.htm">SERVICIOS 
        PREVISIONALES, SEGUROS Y SALUD</a></p></td>
  </tr>
  <tr> 
    <td height="30" class="titulosgris"><a href="clientes/ingenieria.htm">INGENIER&Iacute;A 
      Y CONSTRUCCI&Oacute;N</a></td>
  </tr>
  <tr> 
    <td height="30" class="titulosgris"><a href="clientes/petroleo.htm">PETR&Oacute;LEO 
      Y MINER&Iacute;A</a></td>
  </tr>
  <tr> 
    <td height="30" class="titulosgris"><a href="clientes/consumo.htm">CONSUMO 
      MASIVO Y DISTRIBUCI&Oacute;N</a></td>
  </tr>
  <tr> 
    <td height="30" > <p class="titulosgris"><a href="clientes/telecomunicaciones.htm">TELECOMUNICACIONES 
        TECNOLOG&Iacute;A, MEDIOS Y ENTRETENIMIENTO</a></p>
  <tr> 
    <td class="subtitulos2"></td>
  </tr>
  <tr> 
    <td height="30" class="titulosgris"><a href="clientes/industriales.htm">INDUSTRIALES</a></td>
  </tr>
  <tr> 
    <td height="30" class="titulosgris"><a href="clientes/financieros.htm">SERVICIOS 
      FINANCIEROS</a></td>
  </tr>
  <tr> 
    <td height="30" class="titulosgris"><a href="clientes/publicos.htm">SERVICIOS 
      P&Uacute;BLICOS Y TRANSPORTE</a></td>
  </tr>
</table>
</body>
</html>

webosiris · #5 (**permalink**) 27/12/2007, 19:42

como sospeché, la clase no se la estas aplicando a los enlaces, sino a las celdas y párrafos que los tienen...

cambia tu css por

Código:

 .titulosgris a{

o en tu html aplicale la clase titulogris a tus enlaces directamente...

PD: cocky_mar, cuando pongas código acostumbrate a usar BBCODE para que quede resaltado en colores y sea + fácil de leer.

PD 2: sería bueno que empezaras a leer sobre estándares web, y las clases no las nombres por su color... despues se te ocurre cambiar todos los títulos rojo y te queda algo contradicorio como .titulogris{color:red}

kaninox · #6 (**permalink**) 27/12/2007, 20:57

webosiris tiene razon pero hay casos en que IE toma los class cuando estan en los td y no en los a sera por ello que el amigo los puso hay....

a mi me ha pasado por eso comento, en firefox funciona muy bien cuando van en los a.. pero cuando lo veo en IE no va y si los pongo en los td funcionan en ambos :P algo raro...
pero bueno, siemrpre se puede solucionar de una forma mas etica....sin pasar a llevar las normas....

saludos

cocky_mar · #7 (**permalink**) 28/12/2007, 11:55

muchas gracias por los comentarios, la verdad es que soy muy novata en lo de htm y css, siempre trabaje en flash, es mi primera web en htm, y la verdad estoy aprendiendo lo del codigo en este momento, gracias por la explicaciones, funcionaron muy bien

saludos

pd: la proxima uso el bbcode, ni sabia como hacerlo (perdon)