Cámara IP iframe

sienteferrol · #1 (**permalink**) 18/07/2013, 08:03

Hola, soy nuevo en el foro y tengo 16 años, también un principiante en la programación aunque empeño le pongo. Mi pregunta es la siguiente. La siguiente web muestra una una cámara que 24 horas apunta a la playa:

http://www.camaramar.com/spots/doninos.html

Mediante un iframe quiero obtener solamente la imagen de la playa. Lo que tengo es esto:

Código HTML:

Ver original<html>
<head>
<title>CÁMARA</title>
</head>
<body>
<div style="text-align:center;">
 <iframe src="http://www.camaramar.com/spots/doninos.html" style="left:-350px; position:absolute; top:-480px;"src="" width="800" height="850" scrolling="no" frameborder="1">
</iframe>
</div>
</body>
</html>

Y lo que obtengo es en el editor de html de w3schools con el que practico mucho en estos días lo que deseo, el problema me lo encuentro cuando incluyo el código en la web o en blogger que me aparece arriba y a la izquiera y tampoco en las dimensiones que había obtenido. Como puedo trabajar ese código para obtener lo que deseo?? Muchas gracias, seguiré apendiendo, me encanta.

pzin · #2 (**permalink**) 18/07/2013, 08:38

Bienvenido al foro.

Mediante un iframe no puedes obtener solo una parte de una página, la vas a obtener toda. Además estás indicando que ese iframe aparezca en una posición absoluta y seguramente por eso te aparecerá a la izquierda —posiblemente incluso fuera de la propia página. Esos atributos son para estilizar el iframe, no su contenido.

Cuando publiques código en el foro, usa highlight o code, que viene en las opciones cuando vas a publicar algo.

alberto510a · #3 (**permalink**) 18/07/2013, 12:19

Hola, como te dicen los iframe toman la parte entera de una página web. Pero tu puedes hacer un truquillo para mostrar lo que quieras.

Consiste en meter el iframe dentro de un div, a este le especificas el tamaño que quieras y le pones un position:relative;, tras esto al iframe le aplicas un position absolute y ya ahora a jugar con top,bottom,right,left para encontrar la posición perfecta.

Saludos!