Incrustar HTML en otro HTML Agradecería enormemente que alguien me indicara el código para incluir un html externo en mi web. A continuación detallo el código y el lugar donde deseo incrustarlo. He consultado todo lo relativo a IFRAMES y a PHP #include y por alguna razón no funciona o no funciona en los tres navegadores principales. Gracias. Un saludo.
Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<LINK REL=StyleSheet HREF="estilos.css" TYPE="text/css" MEDIA=screen>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Por confirmar</title>
<!--[if IE 5]>
<style type="text/css">
/* coloque las reparaciones del modelo de cuadro para IE 5* en este comentario condicional */
.thrColFixHdr #sidebar1 { width: 180px; }
.thrColFixHdr #sidebar2 { width: 190px; }
</style>
<![endif]-->
<!--[if IE]>
<style type="text/css">
/* coloque las reparaciones de css para todas las versiones de IE en este comentario condicional */
.thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 { padding-top: 30px; }
.thrColFixHdr #mainContent { zoom: 1; }
/* la propiedad zoom propia que se indica más arriba proporciona a IE el hasLayout que necesita para evitar diversos errores */
</style>
<![endif]-->
<style type="text/css">
<!--
.Estilo1 {
font-size: 12px
}
body,td,th {
color: #FFFFFF;
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
color: #FFFF66;
}
a:hover {
text-decoration: underline;
color: #FFFF33;
}
a:active {
text-decoration: none;
color: #FFFF33;
}
a {
font-weight: bold;
color: #FFFF33;
}
.Estilo4 {font-size: 36px}
-->
</style></head>
<body class="thrColFixHdr">
<div id="container">
<div id="header">
<h1><a href="index.html"><img src="archivos/logo/logo.jpg" alt="seres_inteligentes" width="900" height="80" /></a></h1>
<!-- end #header --></div>
<div class="Estilo1" id="sidebar1">
<p><a href="categoria.html" target="_self">categoria 1</a></p>
<p><a href="categoria.html">categoria 2</a></p>
<p><a href="categoria.html">categoria 3</a></p>
<p><a href="categoria.html">categoria 4</a></p>
</div>
<div id="sidebar2">
<h3>PUBLICIDAD AQUÍ</h3>
<!-- end #sidebar2 --></div>
<div id="mainContent">
<table width="425" height="93" border="0">
<tr>
<td width="419" height="89"><p align="center">Buscador...</td></tr>
<tr><td>
<div id="cse" style="width: 100%;">
<div align="center">Cargando buscador...</div>
</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load('search', '1', {language : 'es'});
google.setOnLoadCallback(function() {
var customSearchControl = new google.search.CustomSearchControl('008390406347487 545211:ziy_hq3aphc');
customSearchControl.setResultSetSize(google.search .Search.FILTERED_CSE_RESULTSET);
customSearchControl.draw('cse');
}, true);
</script>
</td></tr>
<tr>
<td>
<a href="http://es-es.facebook.com/" target="_blank"><img src="archivos/imagenes/compartelo_facebook.png" alt="compartelo_en_facebook" width="22" height="22" /></a>
<a href="http://www.google.com/buzz?hl=es" target="_blank"><img src="archivos/imagenes/compartelo_google_buzz.jpg" alt="compartelo_en_google_buzz" width="22" height="22" /></a>
<a href="http://twitter.com/" target="_blank"><img src="archivos/imagenes/compartelo_twitter.jpg" alt="compartelo_en_twitter" width="22" height="22" /></a>
<a href="http://www.meneame.net/login.php?return=/submit.php" target="_blank"><img src="archivos/imagenes/compartelo_meneame.png" alt="compartelo_en_meneame" width="22" height="22" /></a>
<a href="http://www.tuenti.com/?m=login" target="_blank"><img src="archivos/imagenes/compartelo_tuenti.png" alt="compartelo_en_tuenti" width="22" height="22" /></a> </td>
</tr>
<tr><td>
<span class="Estilo4">AQUÍ QUIERO INCLUIR OTRO HTML </span> </tr></td>
</table>
<!-- end #mainContent --></div>
<!-- Este elemento de eliminación siempre debe ir inmediatamente después del div #mainContent para forzar al div #container a que contenga todos los elementos flotantes hijos --><br class="clearfloat" />
<div id="footer">
<p align="center"><span class="Estilo1">Busca un producto >> Informate y compara >> Escoge el mejor precio >> Compralo - <a href="aviso_legal.html" target="_parent">Aviso legal</a> - <a href="politica_privacidad.html" target="_parent">Política de privacidad</a> </span></p>
<!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<LINK REL=StyleSheet HREF="estilos.css" TYPE="text/css" MEDIA=screen>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Por confirmar</title>
<!--[if IE 5]>
<style type="text/css">
/* coloque las reparaciones del modelo de cuadro para IE 5* en este comentario condicional */
.thrColFixHdr #sidebar1 { width: 180px; }
.thrColFixHdr #sidebar2 { width: 190px; }
</style>
<![endif]-->
<!--[if IE]>
<style type="text/css">
/* coloque las reparaciones de css para todas las versiones de IE en este comentario condicional */
.thrColFixHdr #sidebar2, .thrColFixHdr #sidebar1 { padding-top: 30px; }
.thrColFixHdr #mainContent { zoom: 1; }
/* la propiedad zoom propia que se indica más arriba proporciona a IE el hasLayout que necesita para evitar diversos errores */
</style>
<![endif]-->
<style type="text/css">
<!--
.Estilo1 {
font-size: 12px
}
body,td,th {
color: #FFFFFF;
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
color: #FFFF66;
}
a:hover {
text-decoration: underline;
color: #FFFF33;
}
a:active {
text-decoration: none;
color: #FFFF33;
}
a {
font-weight: bold;
color: #FFFF33;
}
.Estilo4 {font-size: 36px}
-->
</style></head>
<body class="thrColFixHdr">
<div id="container">
<div id="header">
<h1><a href="index.html"><img src="archivos/logo/logo.jpg" alt="seres_inteligentes" width="900" height="80" /></a></h1>
<!-- end #header --></div>
<div class="Estilo1" id="sidebar1">
<p><a href="categoria.html" target="_self">categoria 1</a></p>
<p><a href="categoria.html">categoria 2</a></p>
<p><a href="categoria.html">categoria 3</a></p>
<p><a href="categoria.html">categoria 4</a></p>
</div>
<div id="sidebar2">
<h3>PUBLICIDAD AQUÍ</h3>
<!-- end #sidebar2 --></div>
<div id="mainContent">
<table width="425" height="93" border="0">
<tr>
<td width="419" height="89"><p align="center">Buscador...</td></tr>
<tr><td>
<div id="cse" style="width: 100%;">
<div align="center">Cargando buscador...</div>
</div>
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script type="text/javascript">
google.load('search', '1', {language : 'es'});
google.setOnLoadCallback(function() {
var customSearchControl = new google.search.CustomSearchControl('008390406347487 545211:ziy_hq3aphc');
customSearchControl.setResultSetSize(google.search .Search.FILTERED_CSE_RESULTSET);
customSearchControl.draw('cse');
}, true);
</script>
</td></tr>
<tr>
<td>
<a href="http://es-es.facebook.com/" target="_blank"><img src="archivos/imagenes/compartelo_facebook.png" alt="compartelo_en_facebook" width="22" height="22" /></a>
<a href="http://www.google.com/buzz?hl=es" target="_blank"><img src="archivos/imagenes/compartelo_google_buzz.jpg" alt="compartelo_en_google_buzz" width="22" height="22" /></a>
<a href="http://twitter.com/" target="_blank"><img src="archivos/imagenes/compartelo_twitter.jpg" alt="compartelo_en_twitter" width="22" height="22" /></a>
<a href="http://www.meneame.net/login.php?return=/submit.php" target="_blank"><img src="archivos/imagenes/compartelo_meneame.png" alt="compartelo_en_meneame" width="22" height="22" /></a>
<a href="http://www.tuenti.com/?m=login" target="_blank"><img src="archivos/imagenes/compartelo_tuenti.png" alt="compartelo_en_tuenti" width="22" height="22" /></a> </td>
</tr>
<tr><td>
<span class="Estilo4">AQUÍ QUIERO INCLUIR OTRO HTML </span> </tr></td>
</table>
<!-- end #mainContent --></div>
<!-- Este elemento de eliminación siempre debe ir inmediatamente después del div #mainContent para forzar al div #container a que contenga todos los elementos flotantes hijos --><br class="clearfloat" />
<div id="footer">
<p align="center"><span class="Estilo1">Busca un producto >> Informate y compara >> Escoge el mejor precio >> Compralo - <a href="aviso_legal.html" target="_parent">Aviso legal</a> - <a href="politica_privacidad.html" target="_parent">Política de privacidad</a> </span></p>
<!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>
Este tema le ha gustado a 1 personas