Comunidad de diseño web y desarrollo en internet online

como desplazar imagen con el navegador

Citar            
MensajeEscrito el 04 Jun 2008 10:03 am
Hola foros,

No se si está muy bien hecha la pregunta.

Os explico. Tengo dos columnas una con un logo y la otra con un montón de texto.
¿Como puedo hacer que este logo se mantenga centrado verticalmente en la ventana del navegador? O sea que cuando me desplace con el scroll verticalmente el logo continue estando centrado verticalmente.

Voy flojo en HTML.

Gracias foros

Por loponti

51 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 04 Jun 2008 05:02 pm
Usando CSS.
Por ejemplo: position:absolute, para el logo.
Y overflow:auto, para el div que contiene el texto.

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox
Citar            
MensajeEscrito el 06 Jun 2008 08:32 am
Gracias pero, suponiendo que lo haya hecho bien (ya dije que iba flojo en html), creo que tampoco era esto ya que así el logo \\\"flora\\\" encima del texto i lo que yo pretendo es que se mantenga al lado, te mando un pequeño resumen por si te sirve
>style type=\\\"text/css\\\">
<!--
#logo {
position:absolute;
}
-->
</style>
</head>
<table width=\\\"75%\\\" height=\\\"100%\\\" border=\\\"0\\\" align=\\\"center\\\">
<tr><td valign=\\\"top\\\"><div id=\\\"logo\\\"; style:\\\"overflow:auto\\\"><img src=\\\"logo.jpg\\\"></div></td>
<tr><td> Aquí mucho texto------------</td></tr>
</table>

Si se te ocurre algo, ¿me lo posteas?
!! Las contrabarras se me coloca solas
Salut,
Jaume

Por loponti

51 de clabLevel



Genero:Masculino  

firefox
Citar            
MensajeEscrito el 06 Jun 2008 11:20 am
Intenta poner una URL con ese mismo layout que has montado, pues es más cómodo verlo online.
:D

Si: el logo se monta encima.
Pero... ¿se mantiene centrado cuando hay mucho texto y haces scroll?
Si es que sí, lo que luego has de hacer, es posicionar el texto para que se retire de abajo del logo.
La manera más rápida, y guarrera de hacerlo, con tu ejemplo, sería ponerle, al <TD> que contiene el logo: style="width:XXpx" (siendo XX, el ancho del logo (o un poco más))

(Por cierto... intenta no usar tablas para maquetar. usa <DIV>)

PD:
Para lo de las contrabarras, lee esto (solución incluída)

Por El Oso Amoroso

Claber

1780 de clabLevel

6 tutoriales

 

Madrid, España, Europa, Eurasia, La Tierra, Sist.Solar, Vía Láctea, UNIVERSO

firefox

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.