Son los siguientes:
1- la orden hover no me lo ejecuta, pensaba que era un error de IE, pero me equivocaba, ya que he visualizado muchas paginas que si les funcionan y me esty volviendo loco la verdad (seguro que es un error de cierre o algo). sobre todo la etiqueta <a> y las imagenes que tengo a la izquierda.
2- La siguiente, he seguido el siguiente tutorial
Tutorial de AJAX (Asynchronous Javascript and XML), bien me funciona fenomenal en Firefox, pero cuando lo miro en IE, (Toma ya, no se me carga), mire el tutorial en IE y funciona Ok, y creo que este error es del codigo del Xhtml y no se donde esta mi error
La pagina esta colgada aqui, Lamento por los banner que salen en esta página (* Se ha direccionado para que no me salgan banners), si sabeis de algun host que sea gratuito y no te incluya banner, decirmelo.
El codigo Xhtml:
Código :
<!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" lang="es" xml:lang="es">
<head>
<title>
Premio Primi
</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="estilos/newstyl.css" rel="stylesheet" type="text/css" title="default" />
<!--[if lt IE 7]>
<script defer type="text/javascript" src="scripts/png.js"></script>
<![endif]-->
<script language="JavaScript" type="text/javascript" src="scripts/swfobject.js">
</script>
<script language="JavaScript" type="text/javascript" src="scripts/codigo.js">
</script>
<style type="text/css">
/*<![CDATA[*/
div.c2 {position:absolute;top:6px; left: 100px;}
div.c1 {position:absolute;top:66px; left: 10px;}
/*]]>*/
</style>
</head>
<body>
<div id="central" class="c2">
<div class="hty"></div>
<div class="img_izq c1">
<img src="ima_prt/foto.png" alt="Descripcion de la proxima foto" /><br />
<br />
<div id="bton_ini" onclick="javascript:llamarasincrono('txt/o.htm', 'contenidos');" title=
"Inicio"></div><br />
<div id="bton_sot" onclick="javascript:llamarasincrono('txt/ant.htm', 'contenidos');"
title="Antiguos Sorteos"></div><br />
<div id="bton_esta" onclick="javascript:llamarasincrono('txt/esta.htm', 'contenidos');"
title="Estadísticas"></div><br />
<br />
<a href="http://www.difundefirefox.com"><img src="ima_prt/logo-firefox.png" border="0" alt="Firefox" title="Navega Mejor Con Firefox" /></a>
<br />
<a href="http://validator.w3.org/check?uri=referer"><img
src="ima_prt/logo-xhtml.png"
alt="Valid XHTML 1.0 Transitional" border="0" /></a>
</div>
<div class="txt_prin">
<script type="text/javascript">
//<![CDATA[
llamarasincrono('txt/o.htm', 'contenidos');
//]]>
</script>
<p id="contenidos">
</p><noscript>
<p>
Hemos detectado que tiene desactivada la opción Javascript de su navegador.
</p>
<p>
Permite JavaScipt en esta página para poder visualizar correctamente la Pelicula Flash o
Necesitas Flash Player, para bajartelo
</p></noscript>
</div>
<div class="foot">
<p>
Este es el Pie del Documento
</p>
</div>
</div>
</body>
</html>
La hoja de Estilos:
Código :
/************** general ***************/
body
{
background-image : url(../ima_prt/fondo.png);
font: 11px Verdana,Arial,Helvetica, sans-serif;
text-align: justify;
line-height: 10px;
cursor : default;
}
p {
font-size: 11px;
color: #2b9f22;
line-height: 100%;
}
hr {
color: #ffffff;
}
h1 {
font-size: 25px;
text-align : left;
color : #2b9f22;
}
h2 {
font-size: 20px;
text-align : left;
color: #2b9f22;
text-transform: capitalize;
}
h3 {
font-size: 18px;
text-align : left;
color : #ffffff;
}
h4 {
font-size: 15px;
text-align : left;
color : #ffffff;
}
td {
font-size: 12px;
text-align : center;
color : #ffffff;
}
ul{
color: #ffffff;
line-height: 85%;
text-transform:capitalize;
}
a {
font-size: 11px;
color: #b1f6ac;
cursor:pointer;
}
a:hover {
text-decoration: underline;
color: #2b9f22;
}
.texto_situacion {
font-size: 10px;
color: #2b9f22;
}
.texto_imprimir {
font-size: 10px;
color: #2b9f22;
}
/************** bloques ***************/
#central {
background-color: #2b9f22;
width:750px;
height:auto;
/*background-image : url(../ima_prt/fondo.png);*/
}
.hty
{
width:750px;
height:50px;
margin:0 0 10px 0;
background-image : url(../ima_prt/hdrob1.jpg);
}
.img_izq{
width:126px;
height:auto;
border-style:solid;
border-width:1px;
margin:20px 0 0 0;
/* border-color : #C3C3C3;*/
border:0;
}
.txt_prin{
width:575px;
height:auto;
border-color: #2b9f22;
background-color: #b1f6ac;
border-style:solid;
border-width:1px;
margin:20px 5px 0 145px;
padding:10px;
}
.txt_prin blockquote{
background-color: #ffffcc;
margin:5px;
font-size:10px;
display : block;
border-color : #666666;
color : #c4c4c4;
}
.foot{
width:auto;
height:17px;
background-image : url(../ima_prt/foot.png);
margin:5px;
text-align:center;
}
/************** .feature styles Imagen alredor del texto ***************/
.feature{
padding: 10px 10px 10px 0px;
font-size: 85%;
}
.feature img{
float: right;
padding: 0 0 10px 10px;
margin: 0;
border:0;
}
.feature_left{
padding: 10px 10px 10px 0px;
font-size: 85%;
}
.feature_left img{
float: left;
padding: 0 0 10px 10px;
margin: 0 0 5px 0;
border:0;
}
/************** Botones ***************/
#bton_ini
{
background-image:url(../ima_prt/inicio_1.png);
height:18px;
cursor:pointer;
}
#bton_ini:hover
{
background-image:url(../ima_prt/inicio_1_over.png);
height:18px;
}
#bton_sot
{
background-image:url(../ima_prt/ant_sot.png);
height:18px;
cursor:pointer;
}
#bton_sot:hover
{
background-image:url(../ima_prt/ant_sot_over.png);
height:18px;
}
#bton_esta
{
background-image:url(../ima_prt/esta.png);
height:18px;
cursor:pointer;
}
#bton_esta:hover
{
background-image:url(../ima_prt/esta_over.png);
height:18px;
}
* html #contenidos{
/*estilo solo para IE ya que no se admite la propiedad min-height*/
height: 400px;
}
}
Si me podeis echar una mano os lo agradecería
Cambios del Xhtml, validado 23/10/2006
