Foros del Web » Creando para Internet » HTML »

ayuda html

Estas en el tema de ayuda html en el foro de HTML en Foros del Web. Hola... Soy totalmente profano en esto del html. Me estoy haciendo una web a base de tutoriales y manuales que voy encontrando en internet, con ...
  #1 (permalink)  
Antiguo 30/11/2009, 06:29
 
Fecha de Ingreso: noviembre-2009
Mensajes: 3
Antigüedad: 15 años
Puntos: 0
ayuda html

Hola...

Soy totalmente profano en esto del html. Me estoy haciendo una web a base de tutoriales y manuales que voy encontrando en internet, con mi bloc de notas y mucho interes. Hasta ahora iba encontrando todo con mas o menos dificultades, pero lo hacía. No sé si lo que quiero no lo encuentro, o es que ya pasa a un lenguaje distinto que no entiendo y por ello no consigo hacerlo funcionar. Mis preguntas son...

1. Para cambiar una imagen (que tengo como botón) cuando le pasas el ratón por encima, se puede hacer en html, o por fuerza hay que meterlo en java?? He encontrado alguna página que generá código java, pero cuando meto el código que me da, tanto para head como para body, no me funciona. Os aseguro que llevo dando vueltas por la web bastante tiempo y no lo consigo. Tengo varios botones que quiero que cambien.

2. Desde la más absoluta de las ignorancias.... ¿se puede insertar una página html, dentro de una tabla de otra página html?? Lo que quiero hacer es que cambie parte del contenido de una pagina, sin que se tenga que ir a otra.html...es decir dentro de una página, que solo cambie el contenido de dos columnas. Una de botones y otra de contenido.

Gracias de antemano y siento que la ignorancia sea tan atrevida...
  #2 (permalink)  
Antiguo 30/11/2009, 07:06
 
Fecha de Ingreso: julio-2008
Mensajes: 253
Antigüedad: 16 años, 4 meses
Puntos: 11
Respuesta: ayuda html

Hola jorgevalla, existen varias soluciones:

1) Rollover con Javascript
http://www.desarrolloweb.com/articulos/2.php

2) Rollover sin Javascript
http://www.designmeme.com/articles/cssrollovers/

Salu2
__________________
Neothek.com | Web hosting, registro de dominios, Diseño Web y Certificados SSL
  #3 (permalink)  
Antiguo 30/11/2009, 09:26
Avatar de blogger  
Fecha de Ingreso: diciembre-2005
Ubicación: frente al monitor
Mensajes: 398
Antigüedad: 18 años, 11 meses
Puntos: 12
Respuesta: ayuda html

Veo que ya te contestaron la primer pregunta, para la segunda busca información sobre iframes.

Saludos
__________________
http://exegesis-biblica.com/
  #4 (permalink)  
Antiguo 30/11/2009, 13:57
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 22 años, 4 meses
Puntos: 361
Respuesta: ayuda html

Hola:

Para la segunda puedes usar AJAX o bien utilizar iframes (aunque estos últimos están en desuso).

Saludos.

  #5 (permalink)  
Antiguo 30/11/2009, 15:35
Avatar de stock  
Fecha de Ingreso: junio-2004
Ubicación: Monterrey NL
Mensajes: 2.390
Antigüedad: 20 años, 5 meses
Puntos: 53
Respuesta: ayuda html

tu primer pregunta se resulve con sprites de CSS

http://www.alistapart.com/articles/sprites

tu segunda pregunta se resuleve con Ajax:

http://www.w3schools.com/Ajax/Default.Asp

saludos
  #6 (permalink)  
Antiguo 01/12/2009, 03:56
 
Fecha de Ingreso: noviembre-2009
Mensajes: 3
Antigüedad: 15 años
Puntos: 0
Respuesta: ayuda html

hola a todos y muchisimas gracias...

Me he mirado los ejemplos que me habéis puesto y parece sencillo, pero no sé porque, no me funciona... como os he dicho soy totalmente profano y me lio bastante en cuanto tengo varias opciones y aunque me empeño creo que esto lleva mas tiempo del que pensaba.... jajajaj

corregidme por favor... este es el código que parece ser hace que cambien dos imagenes al pasar el raton por encima.

Lo copio entero, cambio mis imagenes por estas y no me funciona...tengo que hacer algo mas?? en teoria renoombrnado las imagenes debería funcionar, verdad???Existe algún problema por que las imagenes sean .jpg o .png, en vez de .gif???

Encontré un generador de códigos java, que me creaba dos códigos, una para el head y otro para el body..¿puede ser que en el ejemplo siguiente me falte el código de head???

Muchísimas gracias de antemano y perdonad mi atrevimiento.


<html>
<head>
<title>Rollover simple con JavaScript</title>
</head>

<body bgcolor="white">
<script language=javascript>
iluminada = new Image(84,34)
iluminada.src = "eugimlogo2.gif"
apagada = new Image(84,34)
apagada.src = "eugimlogo.gif"
</script>
<A href="#" onmouseout="window.document['eul'].src = apagada.src" onmouseover="window.document['eul'].src = iluminada.src">

<IMG border=0 height=34 hspace=10 name=eul src="eugimlogo.gif" vspace=4 width=84></A>
<font face="verdana,arial,helvetica" size="1" color="#003300">
Ejemplo de rollover</font>



</body>
</html>
  #7 (permalink)  
Antiguo 01/12/2009, 14:06
 
Fecha de Ingreso: noviembre-2009
Mensajes: 3
Antigüedad: 15 años
Puntos: 0
Respuesta: ayuda html

Hola...

siento ser pesado pero no consigo hacer funcionar esto y ya no se que hacer??? Lo he repasado mil veces y no encuentro el fallo..

con éste código me muestra la imagen apagada, pero cuando situo el raton encima, la segunda imagen iluminada no la ve... Ademas cuando quitas el ratón no vuelve a la imagen apagada....

he provado a cambiar una imagen por otra y si las invierto sigue pasando lo mismo. La que nombro como apagada si que a parece, pero no la otra...

está igual que en el ejemplo que me habéis dado, lo he seguido varias veces pero no encuentro el fallo...

POR FAVOR... que alguién se tire un poquito el rollo y me diga que le pasa a éste código. Estoy volviendome tarumba.

<html>
<head>
<title>Rollover simple con JavaScript</title>
</head>

<body bgcolor="white">

<script language=javascript>

iluminada = new Image(120,20)
iluminada.src = "botonempresas5.gif"
apagada = new Image(120,20)
apagada.src = "botonempresas6.gif"
</script>

<A href="P1Empresas.html" onmouseout="window.document['Imagen1'].src = apagada.src" onmouseover="window.document['Imagen1'].src = iluminada.src">

<IMG src="imagenes/botonempresas6.gif" border=0 name="Imagen1" width=120 height=20 > </A>

</body>
</html>
  #8 (permalink)  
Antiguo 05/12/2009, 11:05
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 22 años, 4 meses
Puntos: 361
Respuesta: ayuda html

Hola:

¿Serán las rutas de las imágenes?

Por un lado:

Cita:
Iniciado por jorgevalla Ver Mensaje
<script language=javascript>
iluminada = new Image(120,20)
iluminada.src = "botonempresas5.gif"
apagada = new Image(120,20)
apagada.src = "botonempresas6.gif"
</script>
y por otro:

Cita:
Iniciado por jorgevalla Ver Mensaje
<IMG src="imagenes/botonempresas6.gif" border=0 name="Imagen1" width=120 height=20 > </A>
De todas formas, dado que el código es javascript ¿no deberías preguntar en ese foro?

Puedes hacerlo también con CSS, busca información sobre sprite+css.

Saludos.

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 22:03.