Ratón encima

04/09/2003 - 10:03 por Magda | Informe spam
Hola, estoy haciendo una página y tiene una especie de menú. Me gustaría que
al pasar el ratón por encima de cada una de las opciones, se marque de
alguna manera, o bien se subraye, o bien que se le ponga un color de fondo.
Es una tabla, y he probado a ponerle sombreado, pero es constante, y yo
quiero que sólo sea cuando se pasa el ratón por encima.

¿Alguna sugerencia?

Un saludo, Magda.

Preguntas similare

Leer las respuestas

#1 Fragile
04/09/2003 - 11:06 | Informe spam
Hola,

tienes que utilizar javascript.

saludos

Magda escribió:
Hola, estoy haciendo una página y tiene una especie de menú. Me gustaría que
al pasar el ratón por encima de cada una de las opciones, se marque de
alguna manera, o bien se subraye, o bien que se le ponga un color de fondo.
Es una tabla, y he probado a ponerle sombreado, pero es constante, y yo
quiero que sólo sea cuando se pasa el ratón por encima.

¿Alguna sugerencia?

Un saludo, Magda.


Respuesta Responder a este mensaje
#2 Magda
04/09/2003 - 11:13 | Informe spam
Pues no tengo demasiada idea de JavaScript, ¿sería mucha molestia que me
indicaras cómo empezar?
Muchas gracias por responder.

"Fragile" escribió en el mensaje
news:
Hola,

tienes que utilizar javascript.

saludos

Magda escribió:
> Hola, estoy haciendo una página y tiene una especie de menú. Me gustaría


que
> al pasar el ratón por encima de cada una de las opciones, se marque de
> alguna manera, o bien se subraye, o bien que se le ponga un color de


fondo.
> Es una tabla, y he probado a ponerle sombreado, pero es constante, y yo
> quiero que sólo sea cuando se pasa el ratón por encima.
>
> ¿Alguna sugerencia?
>
> Un saludo, Magda.
>
>

Respuesta Responder a este mensaje
#3 PaVBLo
04/09/2003 - 13:31 | Informe spam
Magda,

Como bien dice Fragile puedes usar algo de javascrip o bien pasarte a una
opción mas sencilla (y para mí mejor) usando css (cascade style sheets)
Un ejemplo:

Creas un fichero (con el notepad por ejemplo) con lo siguiente y lo guardas
como "style.css":

a { color: #B3B3FF; text-decoration: none }
a:hover { text-decoration: underline; color: #FF9900 }

Luego, creas tu fichero html con tu menú mas o menos como te muestro a
continuación, haciendo en el comienzo referencia al style.css que has
creado:

<html>
<head>
<meta http-equiv="Content-Language" content="es">
<link rel="stylesheet" href="styles.css" type="text/css">
<title>mi pagina de prueba</title>
<head>
</head>
<body>
[<a href="www.google.com">Opción 1</a>]<br>
[<a href="www.google.com">Opción 2</a>]<br>
[<a href="www.google.com">Opción 3</a>]<br>
[<a href="www.google.com">Opción 4</a>]<br>
[<a href="www.google.com">Opción 5</a>]<br>
</body>
</html>

Grabas el fichero (en este caso en el mismo folder que el fichero de
style.css que has creado y grabado antes, sino, debes cambiar la ubicación
virtual de tu fichero css en caso que cambies la estructura, algo como <link
rel="stylesheet" href="../css/styles.css" type="text/css"> suponiendo que
has guardado styles.css dentro de la subcarpeta fisica /css/)

Y lo pruebas. No es de lo más sofisticado, pero te para no meter javascript
Cualquier otra duda sobre los ficheros tipo css puedes consultarlo en
google.

Espero haberte ayudado. Saludos,

PaVBLo




"Magda" escribió en el mensaje
news:%23$
Pues no tengo demasiada idea de JavaScript, ¿sería mucha molestia que me
indicaras cómo empezar?
Muchas gracias por responder.

"Fragile" escribió en el mensaje
news:
> Hola,
>
> tienes que utilizar javascript.
>
> saludos
>
> Magda escribió:
> > Hola, estoy haciendo una página y tiene una especie de menú. Me


gustaría
que
> > al pasar el ratón por encima de cada una de las opciones, se marque de
> > alguna manera, o bien se subraye, o bien que se le ponga un color de
fondo.
> > Es una tabla, y he probado a ponerle sombreado, pero es constante, y


yo
> > quiero que sólo sea cuando se pasa el ratón por encima.
> >
> > ¿Alguna sugerencia?
> >
> > Un saludo, Magda.
> >
> >
>


Respuesta Responder a este mensaje
#4 Magda
04/09/2003 - 14:18 | Informe spam
¡¡Muchísimas gracias, era lo que quería!!!
Un saludo, Magda.

"PaVBLo" escribió en el mensaje
news:
Magda,

Como bien dice Fragile puedes usar algo de javascrip o bien pasarte a una
opción mas sencilla (y para mí mejor) usando css (cascade style sheets)
Un ejemplo:

Creas un fichero (con el notepad por ejemplo) con lo siguiente y lo


guardas
como "style.css":

a { color: #B3B3FF; text-decoration: none }
a:hover { text-decoration: underline; color: #FF9900 }

Luego, creas tu fichero html con tu menú mas o menos como te muestro a
continuación, haciendo en el comienzo referencia al style.css que has
creado:

<html>
<head>
<meta http-equiv="Content-Language" content="es">
<link rel="stylesheet" href="styles.css" type="text/css">
<title>mi pagina de prueba</title>
<head>
</head>
<body>
[<a href="www.google.com">Opción 1</a>]<br>
[<a href="www.google.com">Opción 2</a>]<br>
[<a href="www.google.com">Opción 3</a>]<br>
[<a href="www.google.com">Opción 4</a>]<br>
[<a href="www.google.com">Opción 5</a>]<br>
</body>
</html>

Grabas el fichero (en este caso en el mismo folder que el fichero de
style.css que has creado y grabado antes, sino, debes cambiar la ubicación
virtual de tu fichero css en caso que cambies la estructura, algo como


<link
rel="stylesheet" href="../css/styles.css" type="text/css"> suponiendo que
has guardado styles.css dentro de la subcarpeta fisica /css/)

Y lo pruebas. No es de lo más sofisticado, pero te para no meter


javascript
Cualquier otra duda sobre los ficheros tipo css puedes consultarlo en
google.

Espero haberte ayudado. Saludos,

PaVBLo




"Magda" escribió en el mensaje
news:%23$
> Pues no tengo demasiada idea de JavaScript, ¿sería mucha molestia que me
> indicaras cómo empezar?
> Muchas gracias por responder.
>
> "Fragile" escribió en el mensaje
> news:
> > Hola,
> >
> > tienes que utilizar javascript.
> >
> > saludos
> >
> > Magda escribió:
> > > Hola, estoy haciendo una página y tiene una especie de menú. Me
gustaría
> que
> > > al pasar el ratón por encima de cada una de las opciones, se marque


de
> > > alguna manera, o bien se subraye, o bien que se le ponga un color de
> fondo.
> > > Es una tabla, y he probado a ponerle sombreado, pero es constante, y
yo
> > > quiero que sólo sea cuando se pasa el ratón por encima.
> > >
> > > ¿Alguna sugerencia?
> > >
> > > Un saludo, Magda.
> > >
> > >
> >
>
>


Respuesta Responder a este mensaje
#5 Magda
04/09/2003 - 14:24 | Informe spam
Otra pregunta parecida:
Tengo una tabla con varias imágenes y con hipervínculos, y cuando pase el
ratón por encima de cada una, quiero que resalte de alguna manera, por
ejemplo marca de agua, o al revés
¿Sabes hacerlo?


"PaVBLo" escribió en el mensaje
news:
Magda,

Como bien dice Fragile puedes usar algo de javascrip o bien pasarte a una
opción mas sencilla (y para mí mejor) usando css (cascade style sheets)
Un ejemplo:

Creas un fichero (con el notepad por ejemplo) con lo siguiente y lo


guardas
como "style.css":

a { color: #B3B3FF; text-decoration: none }
a:hover { text-decoration: underline; color: #FF9900 }

Luego, creas tu fichero html con tu menú mas o menos como te muestro a
continuación, haciendo en el comienzo referencia al style.css que has
creado:

<html>
<head>
<meta http-equiv="Content-Language" content="es">
<link rel="stylesheet" href="styles.css" type="text/css">
<title>mi pagina de prueba</title>
<head>
</head>
<body>
[<a href="www.google.com">Opción 1</a>]<br>
[<a href="www.google.com">Opción 2</a>]<br>
[<a href="www.google.com">Opción 3</a>]<br>
[<a href="www.google.com">Opción 4</a>]<br>
[<a href="www.google.com">Opción 5</a>]<br>
</body>
</html>

Grabas el fichero (en este caso en el mismo folder que el fichero de
style.css que has creado y grabado antes, sino, debes cambiar la ubicación
virtual de tu fichero css en caso que cambies la estructura, algo como


<link
rel="stylesheet" href="../css/styles.css" type="text/css"> suponiendo que
has guardado styles.css dentro de la subcarpeta fisica /css/)

Y lo pruebas. No es de lo más sofisticado, pero te para no meter


javascript
Cualquier otra duda sobre los ficheros tipo css puedes consultarlo en
google.

Espero haberte ayudado. Saludos,

PaVBLo




"Magda" escribió en el mensaje
news:%23$
> Pues no tengo demasiada idea de JavaScript, ¿sería mucha molestia que me
> indicaras cómo empezar?
> Muchas gracias por responder.
>
> "Fragile" escribió en el mensaje
> news:
> > Hola,
> >
> > tienes que utilizar javascript.
> >
> > saludos
> >
> > Magda escribió:
> > > Hola, estoy haciendo una página y tiene una especie de menú. Me
gustaría
> que
> > > al pasar el ratón por encima de cada una de las opciones, se marque


de
> > > alguna manera, o bien se subraye, o bien que se le ponga un color de
> fondo.
> > > Es una tabla, y he probado a ponerle sombreado, pero es constante, y
yo
> > > quiero que sólo sea cuando se pasa el ratón por encima.
> > >
> > > ¿Alguna sugerencia?
> > >
> > > Un saludo, Magda.
> > >
> > >
> >
>
>


Respuesta Responder a este mensaje
Ads by Google
Help Hacer una preguntaSiguiente Respuesta Tengo una respuesta
Search Busqueda sugerida