Autor Tema: Problema con links  (Leído 882 veces)

Desconectado westwest

  • PHPero Master
  • ******
  • Mensajes: 2.837
  • Karma: 104
  • Sexo: Masculino
    • Ver Perfil
Problema con links
« en: 08 de Septiembre de 2009, 01:58:14 am »
Tengo problema con los links

Quiero que los visitados y no visitados (link y visited) sean azules sin subrayar y cuando pongan el mouse encima y clicken en él (hover y active) salga negro subrayado

Los visitados salen bien y los no visitados me salen sin subrayar pero negros
los otros 2 salen negros pero sin subrayar como el visited :S

Este es el codigo:
(Antes tenia a:link, a:visited y a:hover, a:active pero no funcionaba)

Código: [Seleccionar]
a:link {
color: #0060FF;
text-decoration: none;
}

a:visited {
color: #0060FF;
text-decoration: none;
}

a:hover {
color: #000;
text-decoration: underline;
}

a:active {
color: #000;
text-decoration: underline;
}

Como lo arreglo?

Gracias de antemano, salu2

Comunidad PHPeros

Problema con links
« en: 08 de Septiembre de 2009, 01:58:14 am »

Desconectado CarlosRdrz

  • Moderador Global
  • PHPero Master
  • *****
  • Mensajes: 2.505
  • Karma: 131
  • Sexo: Masculino
  • A.k.a. TLX
    • Ver Perfil
Re:Problema con links
« Respuesta #1 en: 08 de Septiembre de 2009, 10:58:34 am »
Yo he aplicado tu hoja de estilos a un documento HTML y me funcionan los estilos tal y como tu los quieres.
Uso Firefox 3.0.13, lo digo porque quizás sea que no se te muestran solo en algunos navegadores específicos.

Lo dicho, si no es por tu navegador, es por algo más de tu hoja de estilos CSS.
Prueba a verlo en otro navegador, y si no funciona prueba a borrar todo lo demás del archivo de CSS para dejar solo eso y ver que pasa.

Saludos
La dedicación de mi respuesta sera directamente proporcional a la dedicación de tu pregunta.
Hacer códigos que entiendan las máquinas es fácil, lo difícil y realmente útil es hacer códigos que entiendan las personas.
http://twitter.com/CarlosRdrz
http://www.carlosrdrz.es

Desconectado westwest

  • PHPero Master
  • ******
  • Mensajes: 2.837
  • Karma: 104
  • Sexo: Masculino
    • Ver Perfil
Re:Problema con links
« Respuesta #2 en: 08 de Septiembre de 2009, 13:25:16 pm »
Lo probe en mi PC y si va, pero no cuando lo separo en un archivo.css, asi que lo puse entre <style></style>, pero sige sin irme el subrayado en hover y active :S

Probe dejando la hoja css en blanco y ya va, la pongo para ver que puede afectar?
« Última modificación: 08 de Septiembre de 2009, 13:27:57 pm por westwest »

Desconectado CarlosRdrz

  • Moderador Global
  • PHPero Master
  • *****
  • Mensajes: 2.505
  • Karma: 131
  • Sexo: Masculino
  • A.k.a. TLX
    • Ver Perfil
Re:Problema con links
« Respuesta #3 en: 08 de Septiembre de 2009, 13:52:33 pm »
Claro, vamos a echarle un vistazo a ver que encontramos ¿no?

Saludos
« Última modificación: 08 de Septiembre de 2009, 13:54:31 pm por TLX »
La dedicación de mi respuesta sera directamente proporcional a la dedicación de tu pregunta.
Hacer códigos que entiendan las máquinas es fácil, lo difícil y realmente útil es hacer códigos que entiendan las personas.
http://twitter.com/CarlosRdrz
http://www.carlosrdrz.es

Desconectado westwest

  • PHPero Master
  • ******
  • Mensajes: 2.837
  • Karma: 104
  • Sexo: Masculino
    • Ver Perfil
Re:Problema con links
« Respuesta #4 en: 08 de Septiembre de 2009, 14:50:42 pm »
Código: [Seleccionar]
<?php
header
(&#39;Content-type: text/css&#39;);
?>

@charset "utf-8";

body, td, input, select, #oWindowtitleSpan {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
cursor: default;
}

input {
border: solid 1px #00C0FF;
width: 100px;
height: 14px;
cursor: text;
}

select, textarea {
border: solid 1px #00C0FF;
}

textarea {
cursor: text;
}

.check {
border: none;
width: 12px;
height: 12px;
cursor: pointer;
}

img { border: none; }

table {
border-collapse: collapse;
border: none;
}

table td {
padding: 0px;
}

.title {
text-align: center;
color: #FFF;
}

.column {
text-align: center;
padding: 5px;
}

.column a:hover, a:active {
text-decoration: none;
}

.skills_table {
border: solid 1px #000;
border-bottom: none;
width: 120px;
_width: 124px;
}

.skills_table td {
background-image: url(images/skills_bg.png);
border-bottom: solid 1px #000;
}

.normal_table {
border: solid 1px #000;
border-right: none;
border-bottom: none;
}

.normal_table td {
border: solid 1px #000;
border-left: none;
border-top: none;
}

.skill_div {
font-size: 4px;
color: #FF0;
text-align: left;
}

#footer {
width: 100%;
font-size: 9px;
text-align: center;
}

#footer a:link, a:hover, a:active, a:visited {
color: #000;
}

#reg_password {
width: 90px;
_width: 94px;
height: 10px;
_height: 12px;
border: solid 1px #000;
}

#reg_password_1 {
border-right: solid 1px #000;
width: 30px;
height: 10px;
}

#reg_password_2 {
width: 30px;
height: 10px;
}

#reg_password_3 {
border-left: solid 1px #000;
width: 30px;
height: 10px;
}

#oWindowBackground {
text-align: center;
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: #000;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
display: none;
}

#oWindowTable {
background-color: #FFF;
width: 400px;
}

#oWindowTitle {
width: 400px;
height: 20px;
}

#oWindowTitleSpan {
text-align: center;
color: #FFF;
font-weight: bold;
}

#oWindowContent {
padding: 5px;
width: 400px;
}

#oWindowFooter {
width: 400px;
height: 2px;
}

#tooltip {
border: 2px solid #000;
background-color: #000;
padding: 5px;
color: #FFF;
font-weight: bold;
position: absolute;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
display: none;
z-index: 1000;
}

#pwh {
position: absolute;
width: 1px;
height: 1px;
right: 0px;
bottom: 0px;
filter: alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;
}

El php de arriba es x k el ftp me daba errores con archivos .css, asi k ice eso, pero el error era igual en .css

Desconectado mOrK

  • Moderador Global
  • PHPero Master
  • *****
  • Mensajes: 1.503
  • Karma: 43
  • :)
    • Ver Perfil
    • Sígueme en Twitter!
Re:Problema con links
« Respuesta #5 en: 10 de Septiembre de 2009, 16:00:22 pm »
Si los visitados y no visitados, son iguales, con que pongas a {} sobra, en vez de tener los dos códigos. Ahí ya tendrás un problema solucionado.