Foros del Web » Creando para Internet » CSS »

sobre este codigo: a:hover {position:relative; left:1px; top:1px;}

Estas en el tema de sobre este codigo: a:hover {position:relative; left:1px; top:1px;} en el foro de CSS en Foros del Web. hola señores. Soy un novato (ademas de verdad) en esto de las webs. Hago unas clasificaciones (un excel hecho con cariño) del mundial de motoGP ...
  #1 (permalink)  
Antiguo 03/05/2010, 12:35
Avatar de franctastic  
Fecha de Ingreso: enero-2006
Ubicación: barcelona
Mensajes: 22
Antigüedad: 18 años, 3 meses
Puntos: 0
sobre este codigo: a:hover {position:relative; left:1px; top:1px;}

hola señores.

Soy un novato (ademas de verdad) en esto de las webs.

Hago unas clasificaciones (un excel hecho con cariño) del mundial de motoGP y de Formula 1 para mis amigos.
He decidido hacer una web para que todo el que quiera las puedan "contemplar": franctastic.com

La web esta formada por botones y las clasificaciones.

he aprendido que, insertando este código "a:hover {position:relative; left:1px; top:1px;}" en el CSS de franctastic.com, los botones se mueven 1px.
me gusta el efecto pero, también me hace el efecto en las clasificaciones...

Lo he intentado “arreglar” jejeje, rollo chapuzilla, je, eliminando en esa pagina las referencias a la hoja de estilos CSS.
funciona pero me sale la clasificación con un marco lila muy feo…

he leído que puedo desactivar ese efecto en las clasificaciones pero no se como.

me podeis aconsejar?

Ahora el efecto NO esta subido a mi web franctastic.com

Gracias y salut!

Última edición por franctastic; 03/05/2010 a las 12:47
  #2 (permalink)  
Antiguo 03/05/2010, 12:38
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 22 años, 2 meses
Puntos: 772
Hola franctastic

Muevo tu tema al foro de CSS desde Web general.

Saludos,
  #3 (permalink)  
Antiguo 03/05/2010, 17:23
Avatar de linternazo  
Fecha de Ingreso: abril-2010
Mensajes: 76
Antigüedad: 14 años
Puntos: 0
Respuesta: sobre este codigo: a:hover {position:relative; left:1px; top:1px;}

Hola franctastic:

No se si te he entendido del todo, pero creo que para tu caso lo mejor sería crear un estilo y después aplicarlo a aquellos links en los que te apetezca.

Por ejemplo:

CSS
#efecto a:hover
{ position:relative; left:1px; top:1px; }


HTML
<a href="link1.html" class="efecto"> Botón </a>
<a href="link2.html"> Clasificación </a>


De esta manera al botón se le aplica el "efecto" al pasar el raton por encima pero el resto de links no son alterados.

Espero que te sirva, suerte!
  #4 (permalink)  
Antiguo 04/05/2010, 13:57
Avatar de franctastic  
Fecha de Ingreso: enero-2006
Ubicación: barcelona
Mensajes: 22
Antigüedad: 18 años, 3 meses
Puntos: 0
Respuesta: sobre este codigo: a:hover {position:relative; left:1px; top:1px;}

gracias por la respuesta.
lo he solucionado hace breves instantes escribiendo
.botonClasificacion:hover{position:static; }

pero en otra web que estoy intentando hacer,
como no se hacer un hoja de estilos CSS, lo del HTML me servira!

salut!
  #5 (permalink)  
Antiguo 08/05/2010, 06:27
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 21 años, 9 meses
Puntos: 361
Respuesta: sobre este codigo: a:hover {position:relative; left:1px; top:1px;}

Hola:

Quizá sería interesante, sobre todo para tí, que te dieras una vuelta por estos enlaces.

Introducción a CSS.
CSS avanzado.

Saludos.

  #6 (permalink)  
Antiguo 13/05/2010, 13:34
Avatar de franctastic  
Fecha de Ingreso: enero-2006
Ubicación: barcelona
Mensajes: 22
Antigüedad: 18 años, 3 meses
Puntos: 0
Respuesta: sobre este codigo: a:hover {position:relative; left:1px; top:1px;}

ok

estoy en ello...

salut!
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 09:09.