efecto de imagen...

[chascon]

Hola, alguien sabe como hacer este "detalle" de una imagen?

vean esta web para que entiendan a que me refiero. efecto imagen izquierda

el detalle en la imagen es que al estar maximizada la ventana del navegador se ve "entera" la frutilla, pero al achicarla se va "perdiendo" parte de esta pero por el lado izquierdo de la imagen, me explico, al tener una resolución de pantalla de ej: 1400 de ancho se ve mas entera que en una resolución de 1200 y así sucesivamente... ahora, por que quiero que siempre este visible la parte derecha?, por que por ese lado esta el detalle de la imagen.

he estado haciendo la prueba en una celda usando la imagen como fondo de celda, osea algo como esto:

Código HTML:

<td background="izq01.jpg">&nbsp;</td> 

pero no me resulta =(

obs: he dividido la pagina en 3 tablas (izquierda, centro, derecha) las cuales estan dentro de una tabla general que ocupa el 100% de la pantalla, la imagen esta en la tabla izquierda.

imagino que es algo que se soluciona con algun codigo html que no conozco o no se usar, ya probe con los align y valign, pero nada.

Desde ya muchas gracias por su ayuda.

[ArturoGallegos]

es un efecto relativamente sencillo, pero tendrás que olvidarte de las tablas que son de la edad de piedra y actualizarte un poco... utiliza divs y css para maquetar

las tablas son para mostrar datos tabulares no para maquetar el sitio...

un ejemplo burdo del efecto lo conseguirías con algo asi:

Código CSS:

html,body{margin:0;padding:0;height:100%;background:#eee;}
#SiteBg{height:100%;background:url(http://www.o2a.net/images/backgrounds/portfolio.jpg) center -120px no-repeat;}
#Site{width:900px;border:7px #f1f1f1 solid;margin:auto;background:#fff;}
 

Código HTML:

<div id="SiteBg">
    <div id="Site">
        <p>todo el contenido del sitio</p><p>todo el contenido del sitio</p>
    </div>
</div>
 

y digo burdo porque habría que pulirlo de acuerdo a las necesidades exactas de tu proyecto

[chascon]

Muchas gracias Ag666 por tu respuesta y gracias por la recomendación de usar los div, la vdd es que estoy acostumbrado a ocupar las tablas por que trabajo mucho en php y ordeno datos con tablas, pero empezare a ocupar div como dices.

probare como muestras en el ejemplo para ver si me funciona =)

Muchisimas gracias!

[chascon]

Consulta:
Aun que no me salió lo del efecto de la imagen eso de los DIV me intereso mucho, y me puse a ver algunos ejemplos de como formar "tablas" sin usar tablas, si no que div y bueno ahí como que se me esta haciendo un poco complicado, ya que principalmente yo trabajo en PHP con MySql, y aquí mi pregunta, el uso de div es tan "bueno" como las tablas para usarlo en paginas dinámicas que cambian de tamaño dependiendo de los datos o la cantidad de estos?

[ArturoGallegos]

no es que sean mejores los div que las tablas, simplemente los div son para maquetar y estructurar tu sitio mientras que las tablas solo son para mostrar contenidos tabulados...

para un sitio dinámico deberás utilizar una combinación de ambos según las necesidades del sitio

[chascon]

ahhhh... ok
metere manos para ver como me resulta ;)

[chascon]

Consulta:
en la linea 1 del estilo que significa "height:100%"????
el height:100 lo tengo claro ;) pero el &#37 ni idea...

[ArturoGallegos]

% es el signo de porcentaje ñ.ñ el editor del foro lo convierte en codigo en algunas ocaciones y aun no se porque para poder evitarlo y se usa en html,body para que el contenido de tu sitio principal pueda ocupar el 100% de altura

[chascon]

ahhhh no si eso lo sabia, mi duda era el resto "&#37"...

gracias ;)

[ArturoGallegos]

te digo diantre de editor te respondí desde un móvil y te mostró el signo de porcentaje correctamente.... en fin como te había dicho &#37 ; representa el signo de porcentaje... aun no logro entender cuando y porque cambia el signo de porcentaje (%) a código &#37 ;