como lo soluciono una etiquta <a>

decano · #1 (**permalink**) 08/04/2006, 20:32

hola atodos: tengo un problemilla , y es que tengo una etiqueta <a> a la cual cuando el mousover le digo que me ponga fondo y bordes, pero el diseño se desmejora ya que se me correo la pagina o que mal alineada, queria saber como hago para que no me suceda eso, gracias a todos

yoguuu · #2 (**permalink**) 08/04/2006, 21:04

Para que la gente pueda ayudarte te sugiero que, pongas el codigo susceptible al enlace y al cambio de fondo, mouseover y todo eso... sino la gente no podrá ayudarte mucho me temo...

decano · #3 (**permalink**) 09/04/2006, 11:55

Hola y gracias es cierto que no me explique demasiado, te cuento que tengo este codigo

Código HTML:

a:link{
	color: #000099;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana;
}
a:hover {
	background: #7EB1D5;
	color: #000000;
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana;
	border-top: 1px solid #007EFF;
	border-right: 1px solid #007EFF;
	border-bottom: 1px solid #007EFF;
	border-left: 1px solid #007EFF;
}

y como dije hay problemas cuando pasa el mouse, y es que se mueve la pagina porque algo esata mal, como lo soluciono , gracias de nuevo.

webosiris · #4 (**permalink**) 09/04/2006, 12:25

es porque el el hover agregás 1px más de borde... lo podés solucionar agregando un 1px...

Código:

a:link{
padding:1px}

a:hover{
padding:0;
border:1px solid #007EFF}

decano · #5 (**permalink**) 09/04/2006, 12:47

Gracias, lo probare