« anterior próximo »
Páginas: [1]   Ir Abajo

Autor Tema: [DUDA] Imagen segun resolucion de pantalla.  (Leído 837 veces)

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
[DUDA] Imagen segun resolucion de pantalla.
« en: 17 de Junio de 2010, 14:51:52 pm »

Hola PHPeros, estaba realizando mi página personal y estaba haciendo el banner cuando de repente me di cuenta, que claro, no todas las pantallas
son iguales por lo que la imagen debería salir mas pequeña que en otros ordenadores.

Mi ordenador tiene una resolucion de 1440x900, he hecho la imagen de dicho tamaño pero cuando he ido al portatil se veía como 5000 px de ancho.
He buscado por internet y no he encontrado soluciones muy adecuadas...

¿Me ayudas? Saludos.
En línea

#Fdo. Physlet

Comunidad PHPeros

[DUDA] Imagen segun resolucion de pantalla.
« en: 17 de Junio de 2010, 14:51:52 pm »

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[DUDA] Imagen segun resolucion de pantalla.
« Respuesta #1 en: 17 de Junio de 2010, 15:16:38 pm »

Sorry por el dobrle post, pero ingeniandomelas, lo he sacado ^^.
En línea

#Fdo. Physlet

Desconectado Warlox

  • Moderadores PHP
  • PHPero Master
  • ****
  • Mensajes: 1.278
  • Karma: 77
  • Sexo: Masculino
  • A veces hay que aprender a correr antes de caminar
    • Ver Perfil
    • Página personal
Re:[DUDA] Imagen segun resolucion de pantalla.
« Respuesta #2 en: 17 de Junio de 2010, 17:20:30 pm »
Pon la solución :P así si algún día tenemos esa misma duda no recurramos a crear nuevos posts ;)
Saludos ^^
En línea
- Moderador de PHP

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[DUDA] Imagen segun resolucion de pantalla.
« Respuesta #3 en: 17 de Junio de 2010, 18:29:43 pm »
Cita de: Kevin Wronski en 17 de Junio de 2010, 17:20:30 pm
Pon la solución :P así si algún día tenemos esa misma duda no recurramos a crear nuevos posts ;)
Saludos ^^

Creia que tenia la respuesta, pero va a ser que no :L
En línea

#Fdo. Physlet

Desconectado CarlosRdrz

  • Moderador Global
  • PHPero Master
  • *****
  • Mensajes: 2.505
  • Karma: 131
  • Sexo: Masculino
  • A.k.a. TLX
    • Ver Perfil
Re:[DUDA] Imagen segun resolucion de pantalla.
« Respuesta #4 en: 17 de Junio de 2010, 22:44:32 pm »
Mi consejo es que des por supuesto que la pantalla del usuario habitual es de 1024x768 px y luego hagas tu web acorde a eso.
Probé hace mucho tiempo realizar la web en varias resoluciones y que se adaptase el diseño a la resolución, y no te lo recomiendo, es como hacer una web muchas veces.

Mi consejo es que hagas una web de un ancho constante, y el largo que necesites, yo en particular suelo usar un ancho de unos 800px, de forma que los laterales de la web se quedan descubiertos, algo así:
http://www.ni.com/multisim/
Puedes elegir centrarla o adaptarla a la izquierda, de esta forma sea cual sea la resolución siempre cabrá en pantalla.

Saludos!
En línea
La dedicación de mi respuesta sera directamente proporcional a la dedicación de tu pregunta.
Hacer códigos que entiendan las máquinas es fácil, lo difícil y realmente útil es hacer códigos que entiendan las personas.
http://twitter.com/CarlosRdrz
http://www.carlosrdrz.es

Desconectado OmaarV

  • PHPero Avanzado
  • ****
  • Mensajes: 304
  • Karma: 20
  • Sexo: Masculino
  • OmarVega
    • Ver Perfil
Re:[DUDA] Imagen segun resolucion de pantalla.
« Respuesta #5 en: 18 de Junio de 2010, 01:12:14 am »
Puedes usar la expresión css que yo uso para el iPhone/iPod Touch

Citar
<link media="only screen and (max-device-width: 800px)"
   href="style800.css" type="text/css" rel="stylesheet" />
En línea

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[DUDA] Imagen segun resolucion de pantalla.
« Respuesta #6 en: 18 de Junio de 2010, 13:42:44 pm »

El contexto de la página me da absolutamente igual, lo que me interesa es clavar el banner de arriba según el tamaño de la pantalla. No se si me
explico bien, pero es que es muy urgente para poder empezar....

West, has mencionado que se puede trabajar mediante una cookie, ¿podrías explicarlo porfavor?
En línea

#Fdo. Physlet

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[DUDA] Imagen segun resolucion de pantalla.
« Respuesta #7 en: 18 de Junio de 2010, 14:12:53 pm »

Perdón por el doble post.

He buscado y buscado por internet y no veo solución posible así que, me tendré que adaptar a lo que me dijo TLX. Gracias.
En línea

#Fdo. Physlet

Desconectado Warlox

  • Moderadores PHP
  • PHPero Master
  • ****
  • Mensajes: 1.278
  • Karma: 77
  • Sexo: Masculino
  • A veces hay que aprender a correr antes de caminar
    • Ver Perfil
    • Página personal
Re:[DUDA] Imagen segun resolucion de pantalla.
« Respuesta #8 en: 18 de Junio de 2010, 14:17:36 pm »
O si no, otra solución sería expresar las medidas en porcentajes, y no en píxeles, así no es un ancho fijo para cualquier resolución.
Saludos ^^
En línea
- Moderador de PHP

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[DUDA] Imagen segun resolucion de pantalla.
« Respuesta #9 en: 18 de Junio de 2010, 15:07:15 pm »

No si ya lo sé Kevin, pero yo necesitaba saber justamente el ancho para así llamar a una imagen o otra. Es decir, si el ancho era 1024, llamaría a
1024.png. Si fuera 800 llamaría a 800.png.. ¿Me entiendes?
En línea

#Fdo. Physlet

Desconectado westwest

  • PHPero Master
  • ******
  • Mensajes: 2.837
  • Karma: 104
  • Sexo: Masculino
    • Ver Perfil
Re:[DUDA] Imagen segun resolucion de pantalla.
« Respuesta #10 en: 18 de Junio de 2010, 15:11:24 pm »
Si el problema es el logo, usa porcentajes y el logo centrado con un ancho fijo, que entre más o menos en todas las pantallas

PD: no he dicho nada de cookies :/
En línea

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[DUDA] Imagen segun resolucion de pantalla.
« Respuesta #11 en: 18 de Junio de 2010, 16:44:29 pm »
Cita de: westwest en 18 de Junio de 2010, 15:11:24 pm
Si el problema es el logo, usa porcentajes y el logo centrado con un ancho fijo, que entre más o menos en todas las pantallas

PD: no he dicho nada de cookies :/

wtf?!! Pensaba que esta en el otro tema en el que otro usuario tenia casi una misma duda :$ sorry west :L!
En línea

#Fdo. Physlet

Desconectado CarlosRdrz

  • Moderador Global
  • PHPero Master
  • *****
  • Mensajes: 2.505
  • Karma: 131
  • Sexo: Masculino
  • A.k.a. TLX
    • Ver Perfil
Re:[DUDA] Imagen segun resolucion de pantalla.
« Respuesta #12 en: 18 de Junio de 2010, 16:48:03 pm »
Con JavaScript puedes obtener el ancho de la pantalla y luego recargar la página pasando por $_GET este dato, y así pondrías una u otra imagen, pero no te lo recomiendo, es mejor que hagas una única imagen para todos. Recuerda que hay muchas configuraciones de pantalla diferentes.

Si te sigue interesante busca en google como obtener la resolucion con javascript, y luego la pasas por $_GET con href.location

Saludos!
En línea
La dedicación de mi respuesta sera directamente proporcional a la dedicación de tu pregunta.
Hacer códigos que entiendan las máquinas es fácil, lo difícil y realmente útil es hacer códigos que entiendan las personas.
http://twitter.com/CarlosRdrz
http://www.carlosrdrz.es

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[DUDA] Imagen segun resolucion de pantalla.
« Respuesta #13 en: 18 de Junio de 2010, 22:06:50 pm »
Cita de: TLX en 18 de Junio de 2010, 16:48:03 pm
Con JavaScript puedes obtener el ancho de la pantalla y luego recargar la página pasando por $_GET este dato, y así pondrías una u otra imagen, pero no te lo recomiendo, es mejor que hagas una única imagen para todos. Recuerda que hay muchas configuraciones de pantalla diferentes.

Si te sigue interesante busca en google como obtener la resolucion con javascript, y luego la pasas por $_GET con href.location

Saludos!

Muchas gracias TLX :P
« Última modificación: 18 de Junio de 2010, 22:10:28 pm por Siquillote »
En línea

#Fdo. Physlet
Páginas: [1]   Ir Arriba
« anterior próximo »