Importar archivos .html en un .php

[ceaped]

Buenos días para todos
Bueno tengo un problema que es mas complicado explicarlo que su misma solución...jejeje...creo yo.

Tengo un index.php, en el importo 5 archivos .html y hasta ahí todo muy bien, me funciona correctamente.

en los .html no le pongo ningún estilo .css ni los multiples efectos jQuery y demás que utilizo pues todo eso está en el index.php, así me funciona bien el problema esta cuando abro por aparte los .html, lógico se me ven mal y no me funciona ningún efecto jQuery y se ve mal pues tampoco tiene ningún estilo .css.

Claro todos dirán, pues pon todo en los .html y así funciona bien, pero no...ooo sorpresa cuando se importan los .html al índex.php no se ve ninguna imagen.

Todos dirán aaa es problema de rutas yyy no pues si abro por a parte los .html se ven bien y me funcionan todos los efectos jQuery.

El asunto es que como hago para que cuando yo abra los .html por aparte o adentro de índex.php se vean todas las imágenes.

Muestro como tengo el index.php, como cargo los .html que se me ven bien, pero que si abro por aparte los .html no pues adentro de los .html no tiene ningún estilo ni efecto jQuery:


estilos

Código HTML:

<link href="css/estilo1.css" rel="stylesheet" type="text/css" />
<link href="css/estilos2.css" rel="stylesheet" type="text/css" />
<link href="css/estilo3.css" rel="stylesheet" type="text/css" />
<link href="css/jquery.fancybox-1.3.4.css" rel="stylesheet" media="screen" type="text/css" />
<link href="css/jquery.fancybox-1.3.4.css" rel="stylesheet" media="screen" type="text/css" />
 

Librerías

Código Javascript:

<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/effects.js"></script>
<script type="text/javascript" src="js/accordion.js"></script>
 
<script type="text/javascript" src="js/dropdown/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="js/dropdown/jquery.dd.js"></script>
 
<script type="text/javascript" src="js/jquery.fancybox-1.3.4.pack.js"></script>
 
<script type="text/javascript" src="js/jquery.fancybox-1.3.4.pack.js"></script>
 

Efectos

Código Javascript:

<script type="text/javascript">
jQuery.noConflict();
</script>
 
<script type="text/javascript"> 
jQuery(document).ready(function(){
jQuery(".abrir_formulario_contacto").fancybox({
'autoScale'         : false,
'transitionIn'      : 'none',
'transitionOut'     : 'none',
'width'             : 460,
'height'            : 450,
'type'              : 'iframe'
});
});
</script>
 
 
<script type="text/javascript">
jQuery(document).ready(function() {
    
jQuery("a#inline").fancybox({
'hideOnContentClick': true,
'overlayColor'      : '#000000',
'overlayOpacity'    : 0.8
});
});
</script>
 
 
 
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery(".galerias").fancybox({ });
});
</script>
 
<script type="text/javascript">
$(document).ready(function() {
/*
*  Simple image gallery. Uses default settings
*/
jQuery('.fancybox').fancybox();
 
});
</script>
 
<script type="text/javascript">
Event.observe(window, 'load', loadAccordions, false);
        
function loadAccordions() {
                    
var nestedVerticalAccordion = new accordion('contenedor', {
classNames : {
toggle : 'bloque_activador_A',
toggleActive : 'bloque_activador_activo_A',
content : 'bloque_contenido'
}
});
            
bottomAccordion.activate($$('#contenedor .accordion_toggle')[0]);
 
}
</script>
 
<script type="text/javascript">
jQuery(document).ready(function() {
 
try {
oHandler = jQuery("#websites2").msDropDown({mainCSS:'dd2'}).data("dd");
//alert($.msDropDown.version);
//$.msDropDown.create("body select");
jQuery("#ver").html($.msDropDown.version);
} catch(e) {
//alert("Error: "+e.message);
}
})
</script>
 
<script language="JavaScript" type="text/javascript">
function irA(url){
location.href = url;
}
</script>
 

Así cargo los .html sobre el índex.php

Código PHP:

<?php include("carpeta1/carpeta2/archivo1.html"); ?>
 

Como digo funciona bien pero si abro por aparte los .html por obvias razonas no funciona nada pues no tienen ningún estilo ni librerías, si traslado todo no se porque no se ven las imágenes cuando se carga sobre el índex.php, pero si se ven cuando cargo sólo los .html

Gracias por su ayuda

[pateketrueke]

Aquí el primer problema que tienes es conceptual, ¿por qué incluyes archivos .html y después quieres verlos por separado?

Empleando la misma mecánica y sin cambios sólo puedes hacer una de las dos, no ambas.

¿Por qué de pronto quieres hacer lo que no es posible?

No tiene sentido entonces que lo hayas hecho de la primer manera si ibas a terminar buscando también la segunda.

[ocp001a]

¿Y dónde haces el include a tus archivos html? quizá no lo haces en el lugar correspondiente.

[ceaped]

Hola pateketrueke y ocp001a
Respondiendo a pateketrueke el porque deseo verlos por separado, el asunto es que en cada página .html que inserto en index.php tiene datos distintos entre ellos "Me gusta" de facebook el cual debe apuntar a URL distintas para que cada una haga su propio registro.
El me funciona bien, pero cuando se carga en Facebook ese "Me gusta" no se va ninguna imagen y si le das clic para verlo se carga la página pero sin ninguna imagen y no funciona ningún jQuery por obvias razones y es que estos .html no tienen nada de código ni los .css, ellos están en el índex.html. Es por eso mi necesidad.

Y respondiendo a ocp001a yo pongo los
<?php include("carpeta1/carpeta2/archivo1.html"); ?>
dentro de la etiqueta <body>, ellos se cargan, lo que sucede es lo que le explico a pateketrueke.

Gracias por su ayuda