Ver Mensaje Individual
  #10 (permalink)  
Antiguo 13/05/2013, 14:46
Avatar de arcanisgk122
arcanisgk122
 
Fecha de Ingreso: junio-2010
Mensajes: 755
Antigüedad: 13 años, 11 meses
Puntos: 28
Respuesta: Lindo onmouseover que hace que se subraye el link

primero que nada:
errores:
no pongas esto dentro de tu archivo HTML se vera horrible
llama a un archivo externo:
Código HTML:
Ver original
  1. <link rel="stylesheet" type="text/css" href="css/main.css">
algo mas:
error garrafal:
Código CSS:
Ver original
  1. A:link

de cuando haca se usa las mayúsculas para identificar elementos de un html en la parte de CSS???

te explico como lo hago yo

primero el HTML tengo un Link al que le asigno una class

Código HTML:
Ver original
  1. <a class="link" href="http://www.piriform.com/ccleaner/download">C-Cleaner</a><br>

luego en el CSS hago esto:

Código CSS:
Ver original
  1. .link{
  2.     text-decoration:none;
  3.     display: inline-block;
  4. }
  5. .link:hover{
  6.     color:#900;
  7.     font-weight:bold;
  8.     text-decoration:underline; 
  9.     }

Explico con el css .link le digo al navegador que todos las secciones que tenga una class llamada link se les quite las decoraciones que traen por defecto los link...

con el .link:hover le digo al navegador que cuando el raton este sobre el link aplique la decoración bold y underline, (esta tambien hereda la que no lleva decoración por defecto)

mas explicado de aquí no se puede... la idea es que tu juegues y estudies las demás opciones (focus, active)...

OTRA COSA SERIA UN ERROR GARRAFAL QUE NO LIMPIES TU CODIGO CSS que no se repitan o que no se contrarresten...

Ejemplo en mi web: http://icarosnet.tk/
__________________
Cooler Master Gladiator 600 - AMD PHENOM II X4 955 @ 3.5GHZ
GA-MA78GM-US2H - Super Talent 800 2GB x 2 Dual, (Unganged)
PSU Cooler Master eXtreme Power Plus 500W - Saphire R7-260OC-2GB

Última edición por arcanisgk122; 14/05/2013 a las 16:06