link se mueve

[vallejo]

Tengo un problemilla con algunos links desde que intento hacerlo todo con css, el problema es que cuando hago click encima, el link se desplaza un poco, como si ensanchase y las palabras de alrededor tambien, y cuando suelto vuelve a su sitio, no es un gran problema pero no queda bien. Alguna pista??

[DragonX]

verifica que los padding en el hover, asi como en el link, active y visited sean iguales ese puede ser uno de los problemas

[vallejo]

no, no lleva ningun padding, gracias por contestar tan rapido.

[messer]

Creo que si colocas el trozo de codigo, podrias recibir una respuesta mas acertada.
Saludos!

[Mikmoro]

Aun sin verlo me juego un dolar a que es un asunto del borde.

[vallejo]

Este es el html:

Código:

<div id="pie">
                               <div id="copy">
					<?php echo $copy; ?>
					 | <a id="mapa" href="principal.php?accion=mapa"><?php echo $mapa; ?></a>
					 | <a id="aviso" href="principal.php?accion=aviso"><?php echo $aviso; ?></a>
				</div>
				<div id="estandares">
					<a id="xhtml_valid" href="http://validator.w3.org/check?uri=referer"><img src="imagenes/xhtml_valid.jpg" alt="Valid XHTML 1.1" /></a>
					<a id="css_valid" href="http://jigsaw.w3.org/css-validator/check/referer"><img src="imagenes/css_valid.jpg" alt="Valid CSS" /></a>
				</div>
			</div>

y esto el css:

Código:

#pie{
	float: left;
	background-image: URL('imagenes/pie.jpg');
	width: 100%;
	height: 30px;
	color: #ffffff;
	font-size: 11px;
	padding-top: 15px;
}

#pie a, a:active, a:visited{
	color: #ffffff;
	text-decoration: none;
}

#pie a:hover{
	color: #f78f1e;
}

#copy{
	float: left;
	width: 680px;
	text-align: center;
}

#estandares{
	float: right;
	width: 250px;
	text-align: center;
}

[Mikmoro]

Lo siento, no veo nada que se mueva.

[arthpix]

Añade text-decoration: none; en a:hover a ver que pasa...

[DragonX]

Sinceramente tampoco veo que se mueva...

Iniciado por Mikmoro

Aun sin verlo me juego un dolar a que es un asunto del borde.

¿Por dónde se cobra?

[imagen021]

Me uno a los que dicen que no se mueve nada ni en FF3, IE7 y en IE6 con multiples explorer...

[Mikmoro]

Iniciado por DragonX

¿Por dónde se cobra?

Se cobra aquí. Toma, 1$

Pensándolo mejor, no he perdido la apuesta, porque en realidad al parecer no había tal problema. Ya veremos qué nos cuenta.

[vallejo]

pues a mi se me mueve en FF3 y en Explorer6 .... xD, será algun conflicto con algun div anterior o algo, pero es que pegar todo el codigo es muy tocho no?? si quereis pues os lo pongo por aqui todo ....

con lo que me habeis dicho no se soluciona, seguiré probando a ver ...

[Mikmoro]

Pon un enlace que será más fácil. Si no la tienes en línea, pone al menos el contenedor y aledaños donde están los enlaces.

[PosicionamientoSeo]

Tiene razón Milkmoro, de esta manera no llegarás a la solución, debido a que a nosotros nos funciona correctamente, sube el archivo a la Web, o al menos esa parte del código, para poder observar el efecto y lograr resolver el problema.


Un saludo,
Gabriel

[kseso?]

Quizás sea una variación en las propiedades de las letras, prueba a darle las mismas tanto a a: active y a a: hover a ver qué pasa

#pie a, a:active, a:visited{
color: #ffffff;
text-decoration: none;
fonnt-size: 11px;
font-weight: normal;
}

#pie a:hover{
color: #f78f1e;
text-decoration: none;
fonnt-size: 11px;
font-weight: normal;
}

[vallejo]

La he subido a http://www.ceramicavallejo.com/nueva/principal.php, a ver si veis algo raro, y de camino a ver si veis por que no va bien lo del height 100% que me trae loco. Gracias a todos.

[vallejo]

al parecer tiene algo que ver con la parte que se refiere al menú principal en el archivo css, ya que al quitar eso ya funciona bien, voy a ir mirando cosas pero si lo veis antes pues avisad xD, gracias.

[vallejo]

vale, ya está arreglado, si lo mirais, en el css a los links dentro de 'menu_principal' tienen margin-left y margin-right, quitandole el margin-right ya no se mueve lo otro, no entiendo por que, pero bueno. Gracias a todos por la ayuda.

[Mikmoro]

Vamos, algo que no estaba en el código que pusiste

Para lo del pie siempre abajo te convendría echar una mirada al código de este ejemplo.