Eh comenzado a diseñar un nuevo sitio para la promo de mi escuela y esta vez lo he hecho con codigo html y css. Es muy notable la diferencia ahora la pagina carga mas rapido y es mas sencillo hacerlo.
Pero me ha dado un problema, yo todo lo testeaba desde firefox y despues lo probe en IE y la pagina se deforma, solamente el index.
Nose si pueden ayudarme a encontrar la falla la he subido aca:
www.pablo1416.ifastnet.com
Este es el codigo xhtml:
Código :
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="cuerpo">
<table id="Tabla_01" width="778" height="143" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td colspan="6">
<img src="Images/web_01.jpg" width="778" height="112" alt="seguimos siendo grasas"></td>
</tr>
<tr>
<td>
<img src="Images/web_02.jpg" width="352" height="31" alt=""></td>
<td>
<a href="index.php"><img src="Images/web_03.jpg" width="86" height="31" alt="inicio" border="0"></a></td>
<td>
<a href="fotos.html"><img src="Images/web_04.jpg" width="84" height="31" alt="fotos" border="0"></a></td>
<td>
<a href="musica.html"><img src="Images/web_05.jpg" width="85" height="31" alt="musica" border="0"></a></td>
<td>
<a href="chat.html"><img src="Images/web_06.jpg" width="86" height="31" alt="chat" border="0"></a></td>
<td>
<a href="crack.php"><img src="Images/web_07.jpg" width="85" height="31" alt="crack" border="0"></a></td>
</tr>
</table>
<div id="bienvenido">
<h3>Contador de visitas</h3>
<h3>Bienvenidos</h3>
<p>Bienvenidos a la web de la promo mas piola de salta, nosotros somos "crack" de la escuela ENET Nº 5138 Alberto Einstein, mejor conocida como "LA 2".<br/> Bueno chicas espero que disfruten la web y nos agreguen a sus contactos.</p>
<h3>Imagen Aleatoria<h3>
<?
function imagen_aleatoria($path) {
$n = 0;
$dir = opendir($path);
while ($file = readdir($dir)) { if (($file != ".") || ($file != "..")) { $archivos[$n] = $file; $n++; } }
$archivo = rand(1,$n);
return "<img src=\"$path/$archivos[$archivo]\" height=\"150\" width=\"150\">";
}
echo imagen_aleatoria("./imagenes");
?>
<h3>Crack '07</h3>
<img src="rata.gif" alt="Crack07" width="200" height="282" border="0">
<h3>Videos Diarios<h3>
<object width="180" height="148"><param name="movie" value="http://www.youtube.com/v/RtHBY99n9pU"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/RtHBY99n9pU" type="application/x-shockwave-flash" wmode="transparent" width="180" height="148"></embed></object>
</div>
<div id="contenido">
<h2>Anuncios</h2>
<img src="crack.gif" alt="Crack07" width="200" height="94" style="float:right"/>
<p>
Buenas a todas les presento este nuevo diseño web, ¿les gusta? no me importa. El anterior diseño era muy tech y los colores no ivan con lo que este año tenemos en mente, asi que la remodele.
Les comento las novedades:</p>
<p>
- Primero que nada trate de no usar tantas imagenes ya que la anterior era puras imagenes!! lo que hacia que la carga de la web sea demasiado lenta por la cantidad de datos que tenia que leer.Ademas tambien de optimizar el codigo de la web.<br/>
- Quite la seccion noticas. Me parecia una boludes poner noticias viejas que la verdad no sirven para nada. A partir de ahora iran anuncios, como por ejemplo:"campeonato de valley tal dia" despues de pasar la fecha lo cambiamos por otro anuncio. De esta manera tambien me ahorro trabajo cosa que ya saben me da mucha paja.<br/>
- A partir de ahora los que no podian ver fotos desde su ciber, por problemas de plugins, las van a ver sin problemas, cambie el formato.Los que no les guste su foto me dicen y la saco, o si quieren cambiarla lo mismo.<br/>
- En el inicio de la pagina agrande el tagboard, que no es un chat aclaro, es solo para dejar un mensaje importante o una puteada, no lo llenen de cagadas.<br/>
- Coloque un chiche de fotos aleatorias cada vez que entren van a ver una foto diferente.<br/>
- Y ahora la seccion mas importante es "crack". Como ya habiamos dicho que no era conveniente colocar algunas cosas en la seccion noticas(que ya no existe), porque eran cosas del curso nada mas, hice una seccion independiente al resto que requiere de usuario y contraseña para acceder(que despues se las pasare), ahi iran horarios en lo que nos podremos juntar para hacer algo o nose cualquier cosa que no sea necesario que lo lea otro navo.<br/>
Bueno entonces puse esto porque tenia que poner algo.
</p>
</div>
<div id="tag">
<!-- Tagboard-->
<H3>Tagboard</H3>
<table style='border:1px solid #000000' bordercolor='000000' cellpadding=2 cellspacing=0>
<tr><td width='400' height='290' >
<iframe name='tdgaPost' width='400' height='290' name='tdga' style='boder:0px;visibility:visible;width:400;height:290;' src='http://www.tagboardgratis.com/view_tagBoard.php?idTagBoard=10658'></iframe>
</td></tr>
<tr>
<td align=left>
<form name='fAlPostRSC' action='http://www.tagboardgratis.com/insert_post.php' method='post' target='tdgaPost'>
<font style='font-family:verdana;font-size:10px;'>Usuario</font><br>
<input type='text' name='user' style='font-size:10px;'><br>
<font style='font-family:verdana;font-size:10px;'>Mensaje</font><br>
<input type='text' name='post' style='font-size:10px;'><br>
<input type='hidden' value='10658' name='idTagBoard'>
<input type='hidden' value='1' name='lang'>
<input type='submit' value='Enviar'> <br><br>
</td></tr>
</form>
</table>
<!-- /tagboard -->
</div>
<!-- PIE DE PAGINA -->
<div="pie">
<img src="pie.gif" width="778" height="15">
</div>
<!-- /PIE DE PAGINA -->
Ah y note especialmente que la pagina se desborda en la parte imagenes aleatorias y el video diario. En las demas secciones funciona bien en IE.
este es el CSS:
Código :
<style>
body{
background-color:#a61212;
font-family:Verdana,Times New Roman, serif;
font-size:11px;
text-aling:center;
color:#000000;
}
#cuerpo {
width:778px;
background-color:#ffffff;
margin:10px auto;
text-align:center;
}
#bienvenido{
background-color:#ae3d3d;
height:950px;
width:200px;
float:left;
padding:10px
clear:both;
text-align:left;
}
#bienvenido h3{
background-color:#000000;
font-family:Verdana;
text-align:center;
font-size:15px;
color:#FFFFFF;
width:200px;
}
#bienvenido p{
font-family:Verdana;
text-align:center;
font-size:11px;
color:#000000;
width:200px;
}
#contenido {
margin:5px;
text-align:center
}
#contenido H2{
font-family:Comic Sans MS;
background-color:ae3d3d;
font-size:15px;
color:#FFFFFF;
width:600px;
text-transform:uppercase;
}
#contenido p{
font-family:"verdana",Times New Roman,serif;
color:#000000;
font-size:11px;
text-align:left;
}
#tag {
width:500px;
float:right;
margin:70px 10px auto;
text-align:center
}
#tag h3{
width:410px;
font-family:Comic Sans MS;
color:#FFFFFF;
font-size:15px;
background-color:#AE3D3D;
text-transform:uppercase;
}
#pie{
display:inline;
}
