Aplicar CSS a un documento externo

ccscreative · #1 (**permalink**) 28/10/2011, 18:58

Tengo un documento que estoy incluyendo en mi pagina web con un iFrame.

El documento pertenece a un site totalmente distinto y aparte.

Quisiera aplicar CSS a ese documento (el mismo no tiene asociado ningun css)

Sin embargo, el contenido del iFrame no toma los estilos que he colocado.

Conocen alguna manera de hacer esto?

cristian_cena · #2 (**permalink**) 30/10/2011, 02:25

Hola ccscreative.

En el documento donde incluyes el iframe: declara los estilos en <style> dentro de <head>, no tiene por que haber problemas.

Puede que tu contenido venga con estilos incluidos, observalo con firebug, a lo mejor incluso los tenes en las etiquetas.
Si este es el caso podes usar !important

emprear · #3 (**permalink**) 30/10/2011, 07:10

Cita:

Iniciado por ccscreative

El documento pertenece a un site totalmente distinto y aparte.

Si vos no tenés acceso a dicho documento (es decir,que esa página no te pertenece) y solo lo estás incluyendo, vas a tener que valerte de otro método, con php por ejemplo, usando curl o file_get_contents()

algo asi por ejemplo

a.php

Código PHP:

Ver original<title>xxxxxxxxxxxxx</title>
<?php
$url = curl_init("http://www.google.es");
echo "<style>body {background-color: red !important;}</style><base href='http://www.google.es/'>";
$salida = curl_exec ($url);
curl_close($url);
?>

Y ese es el archivo que incluis en el iframe

Saludos

IsaBelM · #4 (**permalink**) 30/10/2011, 08:17

en la misma línea que amprear, también es posible hacerlo con el olvidado asp

habría que usar el objeto server.createObject("Microsoft.XMLHTTP")

ccscreative · #5 (**permalink**) 05/11/2011, 22:42

Hola,

Solo queria notificar que la respuesta de emprear fue perfecta para mi caso,

Gracias.

Axiago · #6 (**permalink**) 29/02/2012, 15:14

yo quiero hacer algo parecido

Hola queria preguntaros como desarrollar una cosa.

querria tener un iframe de una zona de una web:
<DIV ID="testDivframe"
STYLE="position: absolute;
width: 240px; height: 150px;
clip:rect(391px 605px 560px 155px);
"><iframe SCROLLING=NO
width="660" height="605" src="http://www.google.com"></iframe>
</div>

en este caso por ejemplo querria que solo se viera la "barra de busqueda" introducida en mi web y luego una vez que busquen que el iframe cambiara a otro tamaño para mostrar los resultados.

sabeis si se puede hacer?

un saludo

DanielRGB · #7 (**permalink**) 05/03/2012, 10:41

Yo lo que suelo hacer es con el Firebug sacar el nombre de las clases y de las ID, y luego en mi propio CSS forzarlos con !important

por ej:

color: #ff0 !important;