Centrar en un objeto

[n0ldor]

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

[PosProdukcion]

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.

[n0ldor]

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 ;)

[PosProdukcion]

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...

[n0ldor]

Muchas gracias por la respuesta, en cuanto tenga unas minutillos lo pruebo, :P
un saludo