Búsqueda en el Foro:
Buscar


Autor Mensaje
Mensaje24-04-2012, 17:52 (UTC)    
Título del mensaje: [Resuelto] 'position: fixed (css)

Hola comunidad de PWG, hace tiempo que no estaba en el foro, pero ahora nesecito una ayuda, se supone que este codigo

Código:
<a style="position: fixed; bottom: 0px; right: 0px;" href="URL"> <img src="IMAGEN" alt="" /></a>


puedo colocar una imagen en la web en que si mueves el scroll de la web, la imagen no se mueve, esta fija

pero lo malo es que no funciona en internet Explorer, por lo que vi en el codigo para que funcione, tiene que colocarse un codigo en el css y otro en el head o body

Css:

Código:
/* demo 1: 'position: fixed' to top */

div#nombredeldiv {
position: fixed;
top: 10px;
left: 73%;
z-index: 2;
}


para el Head:
Código:
<div id="nombredeldiv"><img src="IMG" alt="fix me #1" title="fix me to top" /></div>


cosa que funciono en el chorme pero no en IE

Que esta mal en el codigo? o Falta agregar algo?

Gracias

:------------------------------------


Ultima edición por pablossb-teayuda el Jue Abr 26, 2012 8:54 pm; editado 2 veces
Mensaje24-04-2012, 19:41 (UTC)    
Título del mensaje:

Desgraciadamente IE es un conjunto de incompatibilidades en realidad a mi criterio diría que es un atraso a las tecnologías webs nuevas, ya que no se actualiza de manera constante.

El código esta bien, que version de IE usas?

saludes,
Team-Soporte.
______________
Team-Soporte.
Moderador de PaginaWebGratis.es

www.team-soporte.es.tl | @jeremymolina
Mensaje24-04-2012, 23:34 (UTC)    
Título del mensaje:

Bueno, me alegra saber que esta bien el codigo, en cuanto al navegador es el Internet Explorer que viene por default en windows 7
Mensaje25-04-2012, 17:20 (UTC)    
Título del mensaje:

Hola,

Si quieres que tus imagenes se puedan mover en todos los navegadores, usa este simple código.

Cita:
<marquee>
<img src="URL DE LA IMAGEN">
<img src="URL DE LA IMAGEN 2">
</marquee>


El código es muy facil de hacer y lo pegas en donde quieras.

Saludos.
______________
Mensaje26-04-2012, 01:07 (UTC)    
Título del mensaje:

master-nemesis escribió:
Hola,

Si quieres que tus imagenes se puedan mover en todos los navegadores, usa este simple código.

Cita:
<marquee>
<img src="URL DE LA IMAGEN">
<img src="URL DE LA IMAGEN 2">
</marquee>


El código es muy facil de hacer y lo pegas en donde quieras.

Saludos.


Chico, ese code es para mover la imagen, yo quiero se este en un lugar fijo y que funcione en internet explorer
Mensaje26-04-2012, 14:17 (UTC)    
Título del mensaje:

eso de que no funciona es incorrecto, yo uso internet explorer y este mismo codigo lo tengo usando y va perfecto..

el problema es que el codigo esta mal puesto:

Código:
<a style="position: fixed; bottom: 0px; right: 0px;" href="URL"> <img src="IMAGEN" alt="" /></a>


cuando te faltó cerrar el div, y sacar el htt directo del style. el bueno es asi:

Código:
<a style="position:fixed;bottom:0px;right:0px"><a href="URL"><img src="IMAGEN" alt="" border="0"></a></div>

______________

10 años ayudando a la comunidad!!
>las cuestiones de problemas con webs se atienden en el foro.
>Ticket a: ayuda@paginawebgratis.es -- Reportes a: support-es@webme.com


Ultima edición por javidj el Jue Abr 26, 2012 10:18 am; editado 1 vez
Mensaje27-04-2012, 00:58 (UTC)    
Título del mensaje:

Bueno, obtube otra forma de hacerlo y que resulto muy bien y funciono con todos los exploradores

Código:

}
.derpy {
 width:125px;
 height:110px;
 display:block;
 background:url(http://pablossb.ucoz.net/Web/IMG/Derpy.png);
 position:absolute;
 z-index:9999;
margin-top:-105px;
margin-left:25px;
}


Agregue un margen, y pude obener lo que exactamente queria.

margin-top:-105px;
margin-left:25px;


Y el HTML en el 1er Contenedor:

Código:
<!-- <block1> -->
<?if($SMENU_1$)?>
<table border="0" cellpadding="0" cellspacing="0" class="boxTable"><tr><td class="boxTitle">
 <div class="derpy"></div>
 <b><!-- <bt> -->Navegación<!-- </bt> --></b></td></tr><tr><td class="boxContent"><!-- <bc> -->$SMENU_1$<!-- </bc> --></td></tr></table>
<?endif?>
<!-- </block1> -->


este fue el resultado
Código:


Ultima edición por pablossb-teayuda el Jue Abr 26, 2012 9:03 pm; editado 3 veces
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group