Foros del Web » Creando para Internet » HTML »

problemas con resolucion de banner html5

Estas en el tema de problemas con resolucion de banner html5 en el foro de HTML en Foros del Web. hola a todos, realice un banner en html5 con una resolucion de w:800px h:160px PUBLICIDAD el problema qq tengo es que en algunos monitores se ...
  #1 (permalink)  
Antiguo 20/02/2015, 19:29
Avatar de leo_garay91  
Fecha de Ingreso: mayo-2012
Ubicación: argentina
Mensajes: 51
Antigüedad: 12 años
Puntos: 0
problemas con resolucion de banner html5

hola a todos, realice un banner en html5 con una resolucion de w:800px h:160px
PUBLICIDAD

el problema qq tengo es que en algunos monitores se ve completo, pero en otros se corta el banner, es decir que solamente aparece la parte izquierda, y la parte derecha no se ve bien.. esto pasa solamente con algunos monitores, a mi ver depende de la resolucion de este, ya que en mi notebook, se ve completo(1366x768) (incluso si redusco el tamaño del navegador, se ve completo), pero si conecto un monitor crt (con resolucion de 1024x768...
pasa lo mismo, con otros monitores crt, y no se que podra ser...

adjunto algunas imagenes para que se den cuenta..
nose si me explico bien..

imagen completa
https://www.dropbox.com/s/jcf3xe58n9wcmf4/sshot-1.png


imagen incompleta
https://www.dropbox.com/s/1mqqscw138l6mtr/sshot-2.png
  #2 (permalink)  
Antiguo 21/02/2015, 03:51
Avatar de lauser
Moderator Unix/Linux
 
Fecha de Ingreso: julio-2013
Ubicación: Odessa (Ukrania)
Mensajes: 3.278
Antigüedad: 10 años, 9 meses
Puntos: 401
Respuesta: problemas con resolucion de banner html5

Y porque no lo haces responsive?
Un ejemplo:
Jquery a usar (copiar en tu carpeta de js): http://srobbin.com/jquery-plugins/backstretch/

Código HTML:
Ver original
  1. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  2. <script src="/jquery.backstretch.min.js"></script>

Antes del body.
Código :
Ver original
  1. <script>
  2.      
  3.     $(document).ready(function() {
  4.         $.backstretch("tuimagen.jpg");
  5.     });
  6.      
  7. </script>
__________________
Los usuarios que te responden, lo hacen altruistamente y sin ánimo de lucro con el único fin de ayudarte. Se paciente y agradecido.
-SOLOLINUX-
  #3 (permalink)  
Antiguo 21/02/2015, 15:34
 
Fecha de Ingreso: febrero-2015
Ubicación: Santiago
Mensajes: 6
Antigüedad: 9 años, 2 meses
Puntos: 0
Respuesta: problemas con resolucion de banner html5

habría que revisar el código con el que insertas la imagen en el HTMl o en el CSS para saber si tal vez lo estas ajustando con porcentajes.

Bueno saludos.
  #4 (permalink)  
Antiguo 22/02/2015, 18:25
Avatar de leo_garay91  
Fecha de Ingreso: mayo-2012
Ubicación: argentina
Mensajes: 51
Antigüedad: 12 años
Puntos: 0
Respuesta: problemas con resolucion de banner html5

hola, probe lo que me dijiste lauter, pero no funciono,

al banner lo hice con tweenui.com/animator , este es el codigo de otro banner, pero tiene el mismo contenido que uso en el sitio,`

Cita:
<script type="text/javascript">
var tweenui_cid = "0cecf718-f0b8-4f20-8cd5-ed4eb298de3c";
var tweenui_pid = "e7381f85-c56c-41e3-9c8a-884c752e3b29";
var tweenui_width = 900;
var tweenui_height = 170;
</script>
<noscript>Activate javascript to view banner ad created with tweenui <a href="http://tweenui.com/">mobile banner maker</a></noscript>
<script src="https://s3-eu-west-1.amazonaws.com/display.tweenui.com/show.js" type="text/javascript"></script>
ahi tiene las dimensiones en px, probe colocarle % pero no funciono.
el div que contiene este scrip tiene el siguiente css

Cita:
.header-adss.f-left{
text-align: left;
width: 67.5%;
}
.f-left{
float: left;
}

Etiquetas: html5
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 04:53.