home Foro de soporte Ayuda para webmasters Java y Javascript
 
Necesito código HTML para imágen fija
Haz clic para ver el perfil del usuario
Usuario habitual
Usuario habitual
· ·
#1 ·

Hola tengo un foro y me gustaría saber cuál es el código para que una imagen se quede fija pero que no la tapen otros contenidos.

Se que es "fixed" y tdo lo demás pero yo tengo el de fondo que es:

<html>
 <head>
  <style type="text/css">
BODY {
  background-image: url("https://caricaturasforo.webcindario.com/Fondo%20de%20texto%20de%20CARIC ATURAS%20FORO.png");
  background-attachment: fixed;
  background-repeat: no-repeat;
}

y sí me funciona pero ese es para fondo y también quiero otro para ponerle una imágen pequeña como el Houndoom de la parte inferior derecha de esta web: Enlace que no la tape otro contenido que esa imágen siempre este arriba de todas y ponerle hipervínculo.

GRACIAS. Espero haberme explicado bien.

Haz clic para ver el perfil del usuario
Come y duerme en el foro
Come y duerme en el foro
· ·
#2 · ·

A la que no quieres que nada la tape ponle las siguientes propiedades en el estilo CSS:

position: absolute;

bottom: 0;

z-index: 99999; //esto evita que se vea opacada por otra cosa

Haz clic para ver el perfil del usuario
Usuario habitual
Usuario habitual
· ·
#3 ·

¿Entonces debe de quedar así el código?

<html>
 <head>
  <style type="text/css">
BODY {
  background-image: url("https://caricaturasforo.webcindario.com/Fondo%20de%20texto%20de%20CARIC ATURAS%20FORO.png");
  background-attachment: fixed;
  background-repeat: no-repeat;

position: absolute;
bottom: 0;
z-index: 99999
}

Haz clic para ver el perfil del usuario
Usuario habitual
Usuario habitual
· ·
#4 ·
Cita:

¿Entonces debe de quedar así el código?

<html>
 <head>
  <style type="text/css">
BODY {
  background-image: url("https://caricaturasforo.webcindario.com/Fondo%20de%20texto%20de%20CARIC ATURAS%20FORO.png");
  background-attachment: fixed;
  background-repeat: no-repeat;

position: absolute;
bottom: 0;
z-index: 99999
}

Entonces para el hipervínculo le pongo h ref="........" en la imágen?

Haz clic para ver el perfil del usuario
@man / @woman
@man / @woman
· ·
#5 ·

Que me corrijan , pero creo que en una imagen background no puedes ponerle un link href... (no se ejecutará).

Haz clic para ver el perfil del usuario
Come y duerme en el foro
Come y duerme en el foro
· ·
#6 · ·

A una imagen de fondo en body, no es nada recomendable intentar, a un fondo ponerle un enlace, pues si si es posible.

Haz clic para ver el perfil del usuario
Usuario habitual
Usuario habitual
· ·
#7 ·

Bueno, es que no entiendo muy bien; si alguno de ustedes me ayudara y me pusiera un ejemplo del código me sería de mucha utilidad, el código que tengo es este:

<html>
 <head>
  <style type="text/css">
BODY {
  background-image: url("https://caricaturasforo.webcindario.com/Fondo%20de%20texto%20de%20CARIC ATURAS%20FORO.png");
  background-attachment: fixed;
  background-repeat: no-repeat;

position: absolute;
bottom: 0;
z-index: 99999
}

Y no sé si se pueden poner dos imágenes fijas en las mismas páginas, una con hipervínculo y otra de fondo que es la que ya tengo.

GRACIAS.

Haz clic para ver el perfil del usuario
@man / @woman
@man / @woman
· ·
#8 ·

El código está bien, pero:

Los nombres de archivo con espacios -como ese png- suelen dar problemas. En nombres de archivo en servidores sobre linux es mejor reemplazar los espacios y símbolos por guiones o subrayado.

Ese png no está en el espacio web.

Haz clic para ver el perfil del usuario
Come y duerme en el foro
Come y duerme en el foro
· ·
#9 ·

ok mira te mostrare un ejemplo facil de como aplicar lo que pides (no funciona en IE6 o anteriores)

Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>Hola</title>
        <style type="text/css">
            body {
                background: #000;
                color: #fff;
            }
            #simpleDiv {
                background: #333;
                height: 780px;
            }
            .loImportante {
                background: #EEE;
                width: 100px;
                color: #222;
                position: fixed;
                bottom: 0;
                right: 0;
                z-index: 99999;
            }
        </style>
    </head>
    <body>
        <div id="simpleDiv">
            jajajjaa
        </div>
        <div class="loImportante">
            <a href="#">Clic me!</a>
        </div>
    </body>
</html>
Haz clic para ver el perfil del usuario
Usuario habitual
Usuario habitual
· ·
#10 ·

Gracias creo que ya estoy entendiendo más, pero disculpa que sea tan insistente, pero me podrías dar el código con esta imágen por favor::-(

https://caricaturasforo.webcindario.com/HOME.gif

y si me podrías decir cuál es el código que pusiste que decía "arriba" para ponerle una imágen.

GRACIAS y perdon por insistir tanto.

Haz clic para ver el perfil del usuario
Come y duerme en el foro
Come y duerme en el foro
· ·
#11 · ·

mira solo agregas, si puedes al final

<div id="homeLink"><a href="https://caricaturasforo.webcindario.com/">Home</a></div>

luego en donde tenias el css o el codigo mas arriba, pones

#homeLink, #homeLink a {

    position: fixed;
    bottom: 0;
    right: 0
    background-image: url(https://caricaturasforo.webcindario.com/HOME.gif);
    width: 38px;
    height: 42px;
    text-indent: -999px;
    z-index: 9999;

}

Puedes revisar si cometi errores en los nombres de las propiedades ;)

Haz clic para ver el perfil del usuario
Usuario habitual
Usuario habitual
· ·
#12 ·

GRACIAS sirquini pero, mi foro no los acepta y me acabo de dar cuenta que mi foro no acepta la mayoría de los códigos HTML, JavaScripts y otros en la opcion de mostrar en todas las ventanas y si algo sale lo debo de poner subforo por subforo, tal vez mi foro tenga alguna falla.:-(

Pero de todas formas GRACIAS.:wa)

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual
Foro de soporte · Ayuda para webmasters · Java y Javascript
Opciones:
Subscríbete a este tema
Date de baja de este tema
Ir al subforo:  
TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro
Ahora son las 08:48 UTC+02:00 DST
Temas similares
 I TemaAutorMensajesVisitasÚltima respuesta
No Hay mensajes nuevos22/Oct/2004, 05:52
02k22/Oct/2004, 05:52
 Ir al último mensaje del tema
El tema está cerrado01/May/2004, 00:25
12k02/May/2004, 04:40
 Ir al último mensaje del tema
No Hay mensajes nuevos01/Jun/2010, 12:57
24k01/Oct/2010, 22:48
 Ir al último mensaje del tema
No Hay mensajes nuevos15/Jul/2009, 17:24
197315/Jul/2009, 20:22
 Ir al último mensaje del tema
No Hay mensajes nuevos20/Feb/2008, 09:49
12k20/Feb/2008, 11:58
 Ir al último mensaje del tema