Foros del Web » Creando para Internet » CSS »

Centrar en un objeto

Estas en el tema de Centrar en un objeto en el foro de CSS en Foros del Web. Hola buenas, soy bastante nuevo en esto de la programacion web, y tengo alguna dudilla. La cuestion es qeu me gustaria saber si se puede ...
  #1 (permalink)  
Antiguo 02/02/2008, 07:04
 
Fecha de Ingreso: febrero-2008
Ubicación: Vigo, España
Mensajes: 150
Antigüedad: 9 años, 10 meses
Puntos: 0
Centrar en un objeto

Hola buenas, soy bastante nuevo en esto de la programacion web, y tengo alguna dudilla.
La cuestion es qeu me gustaria saber si se puede centrar una imagen tomando como referencia otra imagen.

A parte tambien estoy intentando hacer una ventana con un formato que le hago yo en photoshop y quiero que dependiendo de su contenido sea mas grande o mas pequeña, como por ejemplo en esta pagina el encabezado que tiene que dependiendo del tamaño de la ventana sale mas grande o mas pequeño... como podria hacer eso? (no se si me expliqué del todo bien...)

Un saludo y muchas gracias
  #2 (permalink)  
Antiguo 02/02/2008, 16:21
Avatar de PosProdukcion  
Fecha de Ingreso: noviembre-2004
Ubicación: Manzanares el Real (Madrid)
Mensajes: 726
Antigüedad: 13 años
Puntos: 9
Re: Centrar en un objeto

Respecto a la primera, para centrar una imagen respecto de otra, suponiendo que hablas de centrado horizontal, yo creo que podrías poner un DIV con la propiedad text-align: center rodeando a las 2 imágenes,

por ejemplo:

Código:
<div style="text-align:center">
<img src="img1.jpg" style="display:block" />
<!--display:block hace que la imagen ocupe toda la linea y fuerza a q la siguiente imagen vaya debajo, en realidad es el comportamiento default-->
<img src="img2.jpg" style="display:block" />
</div>
No lo he probado, y a mi a veces el text-align: center me ha dado problemas, así que otras opciones son poner margin-left: auto y margin-right: auto a ambas imágenes, o padding-left: auto y padding-right: auto al DIV...

Respecto a la segundo, entiendo que quieres que la ventana del navegador sea tan ancha como la imagen... Eso es más bien JavaScript: ¿te sirve esto?

¿O es al revés y quieres que la imagen sea más grande o más pequeña según el tamaño de la ventana? Entonces deberías utilzar las propiedades background-image: url(imagen_fondo) y repeat: repeat-x para el body o del div que contenga la imagen.
  #3 (permalink)  
Antiguo 03/02/2008, 18:43
 
Fecha de Ingreso: febrero-2008
Ubicación: Vigo, España
Mensajes: 150
Antigüedad: 9 años, 10 meses
Puntos: 0
Re: Centrar en un objeto

buenas muchas gracias por la ayuda, en cuanto a lo primero me refiero a que tengo un btono que dibujé en photoshop, y quiero ponerle justo en el centro del boton un texto, pues quiero centrar ese texto con respecto a la imagen que le meto :P

En cuanto a lo segundo pue sme referia a la segudna opcion qu eme diste, a que sea mas grande la imagen dependiendo de lo grande que sea la ventana y dependiendo de lo grande que sea el contenido...

Muchas gracias ;)
  #4 (permalink)  
Antiguo 04/02/2008, 10:51
Avatar de PosProdukcion  
Fecha de Ingreso: noviembre-2004
Ubicación: Manzanares el Real (Madrid)
Mensajes: 726
Antigüedad: 13 años
Puntos: 9
Re: Centrar en un objeto

Vaya, pues ahí ya puede opinar alguien más experto que yo, te digo lo que se me ocurre, pero igual no es la mejor solución, para lo primero a mi se me ocurre por ejemplo, poner el boton-imagen como fondo de un div que tenga el mismo tamaño que la imagen con text-align: center (o de un p, aunque no se si el <p> tiene background-image), luego dentro del div pones el texto como <p> o <span>. Es la única forma que conozco de superponer 2 elementos (imagen y texto sin usar posicionamiento absoluto)

Código:
<div style="text-align:center;background-image:url("boton.gif");width:100px;heigth:50px">
<span style="margin:"0 auto">texto del boton</span>
</div>

Para lo segundo, pues lo que te dije, en un div en la cabecera, usas la propiedad background-image:url("imagen") y background-repeat:repeat-x. La imagen, tendrá que estar preparada para cortarse (si la ventana es estrecha) o para repertirse horizontalmente (si la ventana es ancha) sin que se note demasiado el corte...
  #5 (permalink)  
Antiguo 04/02/2008, 18:17
 
Fecha de Ingreso: febrero-2008
Ubicación: Vigo, España
Mensajes: 150
Antigüedad: 9 años, 10 meses
Puntos: 0
Re: Centrar en un objeto

Muchas gracias por la respuesta, en cuanto tenga unas minutillos lo pruebo, :P
un saludo
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 19:16.