al pasar por encima de un bobon salga la raya bajo del nombre

juanroldangambin · #1 (**permalink**) 13/02/2011, 15:07

Hola a todos,
como puedo cambiar la imagen de un boton al pasar por encima con el raton
para que salga la rayica bajo del texto,
el boton es una imagen de url y e creado otra imagen identica pero con la reyica bajo del texto del boton,
algien sabria decirme como hacer para que cambie la direccion de url de la imagen al pasar por encima
no soy ni novato soy peor solo entiendo de html gracias

sanxuan · #2 (**permalink**) 13/02/2011, 15:16

Se hace en el CSS.

a#boton:link{
background:url(sinRayica.gif);
display:block;
width:200px; /*Ancho y alto de la imagen de fondo*/
height:90px;
}
a#boton:hover{
background:url(conRayica.gif);
}

suponiendo que el botón fuese un enlace como el que sigue:
<a id="boton" href="enlace.html"></a>

juanroldangambin · #3 (**permalink**) 13/02/2011, 15:31

lo siento no entiendo nada de css si no se puede hacer en html no se ni que ay que hacer

sanxuan · #4 (**permalink**) 13/02/2011, 16:35

Puedes incluir tu CSS dentro de la cabecera usando una etiqueta <style>.
<html>
<head>
<title>Mi Página</title>
<style type="text/css">
a#boton:link{
background:url(sinRayica.gif);
display:block;
width:200px; /*Ancho y alto de la imagen de fondo*/
height:90px;
}
a#boton:hover{
background:url(conRayica.gif);
}
</style>
</head>
<body>
<a id="boton" href="enlace.html"></a>
</body>
</html>

jomaruro · #5 (**permalink**) 14/02/2011, 04:22

Hola:

Cita:

Iniciado por juanroldangambin

lo siento no entiendo nada de css si no se puede hacer en html no se ni que ay que hacer

El CSS es fundamental para maquetar páginas web así que lo mejor que puedes hacer es pararte una tarde, no te llevará más, y leerte estos dos manuales.

1º Introducción a CSS.
2º CSS Avanzado.

Saludos.

juanroldangambin · #6 (**permalink**) 14/02/2011, 14:36

Gracias me a sido de gran ayuda los dos