Foros del Web » Creando para Internet » CSS »

Reemplazar atributo absolute

Estas en el tema de Reemplazar atributo absolute en el foro de CSS en Foros del Web. Hola! Estoy diseñando un sitio web en php y quiero que sea visible para diferentes tamaños de pantalla, por lo cual los tamaños estan designados ...
  #1 (permalink)  
Antiguo 06/05/2011, 21:11
Avatar de cuervo699  
Fecha de Ingreso: febrero-2011
Mensajes: 104
Antigüedad: 13 años, 9 meses
Puntos: 7
Reemplazar atributo absolute

Hola! Estoy diseñando un sitio web en php y quiero que sea visible para diferentes tamaños de pantalla, por lo cual los tamaños estan designados con porcentajes, pero necesito poner imagenes en cualquier parte de la web y me resulta muy complicado, ya que el atributo "Absolute" funciona solo para tamaños estandar

Entonces me preguntaba si hay otra manera de poner una imagen absoluta, que no sea con tablas ni con div ya que las he probado y no me gustan los resultados

Existe alguna manera de poner imagenes absolutas con algun otro atributo, ya sea en css3, html5 o php???, o talvez con el mismo atributo "Absolute" pero quiero que sea visible para diferentes tamaños de pantalla sin perder la forma

Alguna ayudita!!
  #2 (permalink)  
Antiguo 07/05/2011, 01:29
Avatar de davemtc  
Fecha de Ingreso: mayo-2011
Ubicación: Valencia
Mensajes: 20
Antigüedad: 13 años, 6 meses
Puntos: 2
Respuesta: Reemplazar atributo absolute

La verdad no entiendo muy bien tu problema :S, a mi si me funciona:

Cita:
#imgprueba {
position: absolute;
top: 50%;
left: 50%;
}
Al menos asi, si que me deja poner una imagen absolute con porcentajes.
  #3 (permalink)  
Antiguo 07/05/2011, 20:03
Avatar de cuervo699  
Fecha de Ingreso: febrero-2011
Mensajes: 104
Antigüedad: 13 años, 9 meses
Puntos: 7
Respuesta: Reemplazar atributo absolute

Cita:
Iniciado por davemtc Ver Mensaje
La verdad no entiendo muy bien tu problema :S, a mi si me funciona:



Al menos asi, si que me deja poner una imagen absolute con porcentajes.
eso quiere decir que independiente del tamaño de la pantalla la imagen permanesera siempre en el mismo lugar????, no quiero tener futuros problemas, con que la imagen se corra,etc..
  #4 (permalink)  
Antiguo 07/05/2011, 22:13
Avatar de luciio  
Fecha de Ingreso: junio-2009
Ubicación: Guadalajara, MX.
Mensajes: 351
Antigüedad: 15 años, 5 meses
Puntos: 38
Respuesta: Reemplazar atributo absolute

Cita:
Iniciado por cuervo699 Ver Mensaje
eso quiere decir que independiente del tamaño de la pantalla la imagen permanesera siempre en el mismo lugar????, no quiero tener futuros problemas, con que la imagen se corra,etc..

Hola, todo depende de donde quieres que se situe la imagen, pero si es posible hacer eso que pides, por ejemplo, si quisieras que una imagen permaneciera centrada horizontalmente, sin importar el tamaño resolucion de pantalla, con css, utilizaria:

img.prueba {
position: absolute;
left: 50%;
margin-left:-100px;
width: 200px;
height:100px;
}

<img src="imagen.jpg" class="prueba" />
__________________
cursos delineado permanente - mi selección de plantillas para wordpress
  #5 (permalink)  
Antiguo 07/05/2011, 22:41
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 15 años, 10 meses
Puntos: 306
Respuesta: Reemplazar atributo absolute

Primero: ¿A que llamas atributo Absolute?
El atributo es position (es decir la posición) siendo uno de los "valores" posibles :absolute.
Si no es este el caso, aclara un poco.

Segundo:
Cita:
eso quiere decir que independiente del tamaño de la pantalla la imagen permanesera siempre en el mismo lugar????, no quiero tener futuros problemas, con que la imagen se corra,etc..
¿En el mismo lugar? ¿con respecto a quién?¿a la pantalla?¿al contendedor?
Es mucho más claro si pones un enlace o el código (html y css) que estas usando.

saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--

Etiquetas: reemplazar, atributos
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:30.