Usar CSS al tomar datos con Ajax de pagina.php

Gracias a un pequeño script de jquery he conseguido que al pinchar en un boton la web (en .html) tome unos textos alojados en otra pagina en .php y los muestre.

Lo cierto es que funciona de maravilla, y hasta he insertado en la pagina en .php imagenes y el script las muestra tambien. Todo perfecto.

¿El unico defecto? Que no puedo controlar el estilo del texto y las imagenes que muestro. Si por ejemplo pudiera aplicar CSS a esos textos e imagenes, podria indicar exactamente en que posicion de la web quiero que aparezcan.

He intentado introducir CSS en los echo de PHP, pero no consigo nada. Igual lo hago mal!

En pagina.php tengo esto:

<?php

header("Content-type: text/css; href: estilo1.css charset: ISO-8859-1");
if ($_REQUEST['cod']==1)

echo "<div id=\"horoscopo\"> ¡Has elegido Aries! </div>";
?>

y en CSS esto:

#horoscopo {background:yellow; color: red; border: 50px solid orange;}

Pero nada, no ocurre nada.

¿Alguien me ayuda?

Jajajaj, otra de las cosas que sólo te ocurren a ti XD. Al utilizar CSS a través de AJAX, no necesitas nada más, pues basta definirlo en la hoja de estilos para que funcione. Ahora, es innecesario utilizar el header( "Content..." ), puesto que si ya tienes el estilo definido en tu hoja principal, esto sería redundante.

Intenta borrar el header( ... );

Pues el caso es que no funciona, y en la hoja de estilos lo tengo todo puesto tal y como he dicho aquí. Acabo de borrar el header de la pagina.php que por cierta era:

header('Content-Type: text/html; charset=ISO-8859-1');

Pero sigue sin funcionar el CSS


¿Que hago mal?

Por cierto el script que estoy usando es este:

http://www.javascriptya.com.ar/jquery/temarios/descripcion.php?cod=…


Con la unica diferencia que en el header, yo tengo esto:

<script src="jquery-1.9.0.min.js" type="text/javascript"></script>

En lugar de esto (que es lo que aparece en el ejemplo):

<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript" src="funciones.js"></script>

Pero vamos que funciona todo perfecto, lo unico es que no aplica CSS, y claro, me rompe todos los planes

Bueno, he conseguido que funcione colocando el texto y las imagenes que voy a tomar en un codigo .php dentro de la propia pagina en la que seleccionaba la opcion. Como dicho pagina tiene enlazado arriba el CSS pues entonces si lo pilla. El codigo es el mismo que he puesto, no he tocado nada.

Si creo otra pagina aparte con el codigo PHP no hay forma de que pille el CSS, o al menos yo no lo consigo.

Retiro lo dicho, ahora la web se duplica cada vez que pulso un boton!

Creo que va a ser mejor intentarlo con una pagina .php aparte y ver como lograr que se aplique el CSS!

ahora si! Solucionado!

En la pagina.php habia que introducir la llamada al CSS, tal que asi

<meta charset="ISO-8859-1" />
<link rel="stylesheet" href="estilo1.css">