Necesito código HTML para imágen fija

Usuario habitual

#1•01/Oct/2010, 22:26

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.

Sirquini Come y duerme en el foro
#2•01/Oct/2010, 22:52•Editado por Sirquini 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

DIEGODASO Usuario habitual
#3•02/Oct/2010, 00:26 ¿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 }

DIEGODASO

Usuario habitual

#4•02/Oct/2010, 00:29

Cita:

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

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

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

GestionXls @man / @woman
#5•02/Oct/2010, 03:07 Que me corrijan , pero creo que en una imagen background no puedes ponerle un link href... (no se ejecutará).

Sirquini Come y duerme en el foro
#6•02/Oct/2010, 06:37•Editado por Sirquini A una imagen de fondo en body, no es nada recomendable intentar, a un fondo ponerle un enlace, pues si si es posible.

DIEGODASO

Usuario habitual

#7•11/Oct/2010, 20:47

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:

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.

GestionXls @man / @woman
#8•11/Oct/2010, 21:54 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.

Sirquini

Come y duerme en el foro

#9•11/Oct/2010, 22:11

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

<!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>

DIEGODASO Usuario habitual
#10•11/Oct/2010, 22:30 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.

Sirquini

Come y duerme en el foro

#11•12/Oct/2010, 18:32•Editado por Sirquini

mira solo agregas, si puedes al final

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

DIEGODASO Usuario habitual
#12•12/Oct/2010, 21:05 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.

Anterior Siguiente Arriba

Responder

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

Inicio

Ayuda para webmasters

Java y Javascript

Opciones:

Ir al subforo:

Permisos:

TU NO PUEDES Escribir nuevos temas
TU NO PUEDES Responder a los temas
TU NO PUEDES Editar tus propios mensajes
TU NO PUEDES Borrar tus propios mensajes

Tema	Respuestas	Visitas	Actividad
Temas similares
PROGRAMA PARA INSERTAR UN CODIGO HTML EN VARIAS PAGINAS A LA VEZ... Por: charly_rockero, el 22/Oct/2004, 05:52	0	3k	Oct/04
hechenme una manito necesito codigo Por: JessyJunior, el 01/May/2004, 00:25	1	2k	May/04
Slide imagen + HTML Por: t3r4byt3, el 01/Jun/2010, 12:57	2	5k	Oct/10
Necesito un codigo url al azar Por: televisionenvivoa, el 15/Jul/2009, 17:24	1	2k	Jul/09
necesito un codigo javascript Por: siriguilla140, el 20/Feb/2008, 09:49	1	2k	Feb/08