Como hacer que el iframe muestre algo especifico

[Pafate]

Bueno lo que queria hacer es que el iframe muestre un lugar especifico de la pagina.

<iframe style="left:326px; top:231px;"src="" width="400" height="500" scrolling="no" frameborder="1" >
<p>Texto alternativo para navegadores que no aceptan iframes.</p>
</iframe>

Esto es lo que hice, pero no funciona(no me muestra la posicion izquierda arriba de la pagina)

Gracias.

[salbatore]

Hola Pafate,

No te he entendido muy bien, pero bueno, jeje. Segun leo quieres poner el iframe en un lugar especifico?, entonces debes usar mejor los estilos, necesitas poner position:absolute:

Código HTML:

<iframe src="google.com" style="left:326px; position:absolute; top:231px;"src="" width="400" height="500" scrolling="no" frameborder="1" >
<p>Texto alternativo para navegadores que no aceptan iframes.</p>
</iframe>
 

Si lo que deseas es mostrar una determinada parte de otra web en el iframe, deberas hacer, ufff que lio, pues asi de pronto, lo que haria seria hacer un div que contenga el iframe con unas dimensiones determinadas y el iframe con la posicion de lo que deseas ver de esa web es decir:

Código HTML:

<div style="width:400px;height:400px; position:relative; overflow:hidden">
        <iframe src="http://forosdelweb.com/" style="top:-50px; position:absolute"width="400" height="500" scrolling="no" frameborder="1" >
<p>Texto alternativo para navegadores que no aceptan iframes.</p>
</iframe></div>
 

Es decir, por ejemplo en el caso de encima se ve:

Una caja con las dimensiones 400x400 que contiene una web mostrada en un iframe al que se le ha cortado 50px de altura.

Bueno... las opciones que se pueden comprender creo que son esas dos... jeje...

Pero lo que es javascript en ninguna de las dos...

Hasta pronto!.

Espero haberte ayudado!.

[Pafate]

Iniciado por salbatore

Hola Pafate,

No te he entendido muy bien, pero bueno, jeje. Segun leo quieres poner el iframe en un lugar especifico?, entonces debes usar mejor los estilos, necesitas poner position:absolute:

Código HTML:

<iframe src="google.com" style="left:326px; position:absolute; top:231px;"src="" width="400" height="500" scrolling="no" frameborder="1" >
<p>Texto alternativo para navegadores que no aceptan iframes.</p>
</iframe>
 

Si lo que deseas es mostrar una determinada parte de otra web en el iframe, deberas hacer, ufff que lio, pues asi de pronto, lo que haria seria hacer un div que contenga el iframe con unas dimensiones determinadas y el iframe con la posicion de lo que deseas ver de esa web es decir:

Código HTML:

<div style="width:400px;height:400px; position:relative; overflow:hidden">
        <iframe src="http://forosdelweb.com/" style="top:-50px; position:absolute"width="400" height="500" scrolling="no" frameborder="1" >
<p>Texto alternativo para navegadores que no aceptan iframes.</p>
</iframe></div>
 

Es decir, por ejemplo en el caso de encima se ve:

Una caja con las dimensiones 400x400 que contiene una web mostrada en un iframe al que se le ha cortado 50px de altura.

Bueno... las opciones que se pueden comprender creo que son esas dos... jeje...

Pero lo que es javascript en ninguna de las dos...

Hasta pronto!.

Espero haberte ayudado!.

Ninguna de las 2 :(

Osea quiero con el iframe mostrar, por ejemplo, la parte de abajo de una web, va... un cuadrado 400x400 de abajo, y lo de arriba no.

Gracias por comentar.

[salbatore]

Hola Pafate,

Si lo que deseas es mostrar los ultimos 400px x400px de la parte de abajo de una web lo que tienes que hacer es usar la opcion 2, pero editandola a tus necesidades, mira:

Código HTML:

<div style="width:400px;height:400px; position:relative; overflow:hidden">
        <iframe src="http://forosdelweb.com/" style="bottom:0px; position:absolute" width="anchura_de_la_web" height="altura_de_la_web" scrolling="no" frameborder="1" >
              <p>Texto alternativo para navegadores que no aceptan iframes.</p>
       </iframe>
</div>
 

Solo tienes que añadir los datos de anchura y altura de la web, jeje... eso tu sabras.

Bueno espero haberte ayudado!... espero que no esten poniendo una web de la que no eres editor... jeje... debe ser una locura encontrar zona que se desea mostrar... jeje...

Hasta pronto!.

[alette666]

Iniciado por salbatore

Hola Pafate,

No te he entendido muy bien, pero bueno, jeje. Segun leo quieres poner el iframe en un lugar especifico?, entonces debes usar mejor los estilos, necesitas poner position:absolute:

Código HTML:

<iframe src="google.com" style="left:326px; position:absolute; top:231px;"src="" width="400" height="500" scrolling="no" frameborder="1" >
<p>Texto alternativo para navegadores que no aceptan iframes.</p>
</iframe>
 

Si lo que deseas es mostrar una determinada parte de otra web en el iframe, deberas hacer, ufff que lio, pues asi de pronto, lo que haria seria hacer un div que contenga el iframe con unas dimensiones determinadas y el iframe con la posicion de lo que deseas ver de esa web es decir:

Código HTML:

<div style="width:400px;height:400px; position:relative; overflow:hidden">
        <iframe src="http://forosdelweb.com/" style="top:-50px; position:absolute"width="400" height="500" scrolling="no" frameborder="1" >
<p>Texto alternativo para navegadores que no aceptan iframes.</p>
</iframe></div>
 

Es decir, por ejemplo en el caso de encima se ve:

Una caja con las dimensiones 400x400 que contiene una web mostrada en un iframe al que se le ha cortado 50px de altura.

Bueno... las opciones que se pueden comprender creo que son esas dos... jeje...

Pero lo que es javascript en ninguna de las dos...

Hasta pronto!.

Espero haberte ayudado!.

y como se hace para acortar el ancho?? ya que ahi acortamos el alto de una web, pero como acortamos el ancho, y como llevarla hasta un punto especifico de esa web para que me muestre solamente lo que me interesa, veraz lo que a mi me interesa esta ubicada en el centro de esa web (lo demas son publicidades), como seria entonces??

[oskitarpro]

Iniciado por salbatore

hola pafate,

no te he entendido muy bien, pero bueno, jeje. Segun leo quieres poner el iframe en un lugar especifico?, entonces debes usar mejor los estilos, necesitas poner position:absolute:

Código html:

<iframe src="google.com" style="left:326px; position:absolute; top:231px;"src="" width="400" height="500" scrolling="no" frameborder="1" >
<p>texto alternativo para navegadores que no aceptan iframes.</p>
</iframe>
 

si lo que deseas es mostrar una determinada parte de otra web en el iframe, deberas hacer, ufff que lio, pues asi de pronto, lo que haria seria hacer un div que contenga el iframe con unas dimensiones determinadas y el iframe con la posicion de lo que deseas ver de esa web es decir:

Código html:

<div style="width:400px;height:400px; position:relative; overflow:hidden">
        <iframe src="http://forosdelweb.com/" style="top:-50px; position:absolute"width="400" height="500" scrolling="no" frameborder="1" >
<p>texto alternativo para navegadores que no aceptan iframes.</p>
</iframe></div>
 

es decir, por ejemplo en el caso de encima se ve:

una caja con las dimensiones 400x400 que contiene una web mostrada en un iframe al que se le ha cortado 50px de altura.

bueno... Las opciones que se pueden comprender creo que son esas dos... Jeje...

Pero lo que es javascript en ninguna de las dos...

Hasta pronto!.

Espero haberte ayudado!.

bien doc, tu post me ha ayudado muchisimo siempre busque poder lograr esto de mostrar solo una parte de una web... Lo del div genial, gracias!!!