Foros del Web - Ver Mensaje Individual

C2am · #8 (**permalink**) 09/04/2013, 18:07

Bue, para que veas que sólo pzin es el malvado de la película, me baje tu archivo.
y he aquí esto (resumido claro):

Código HTML:

Ver original<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Instituto Iberia</title>
<link rel="stylesheet" href="style.css" />
<script type="text/javascript" src="script.js"></script>
<link href="estilo.css" rel="stylesheet" type="text/css">
------------------------------------------------------------------------------------
<body>
-----------------------------------------------------------------------------------
<ul id="slideshow">
        <li>
        ....
        </li>
    </ul>
    <div id="wrapper">
        <div id="fullsize">
            <div id="imgprev" class="imgnav" title="Previous Image"></div>
            <div id="imglink"></div>
            <div id="imgnext" class="imgnav" title="Next Image"></div>
            <div id="image"></div>
            <div id="information">
                <h3></h3>
                <p></p>
            </div>
        </div>
        <div id="thumbnails">
            <div id="slideleft" title="Slide Left"></div>
            <div id="slidearea">
                <div id="slider"></div>
            </div>
            <div id="slideright" title="Slide Right"></div>
        </div>
    </div>
<script type="text/javascript" src="compressed.js"></script>
<script type="text/javascript">
    $('slideshow').style.display='none';
    $('wrapper').style.display='block';
    var slideshow=new TINY.slideshow("slideshow");
    window.onload=function(){
        slideshow.auto=true;
        slideshow.speed=5;
        slideshow.link="linkhover";
        slideshow.info="information";
        slideshow.thumbs="slider";
        slideshow.left="slideleft";
        slideshow.right="slideright";
        slideshow.scrollSpeed=4;
        slideshow.spacing=5;
        slideshow.active="#fff";
        slideshow.init("slideshow","image","imgprev","imgnext","imglink");
    }
</script>
 
-----------------------------------------------------------------------------
<body background="Webpage Layout.jpg">
----------------------------------------------------------------------------
 
<div id="header">
    <ul class="nav">
        <li><a href="">Inicio</a></li>
        <li><a href="">Acerca de</a></li> 
        <li><a href="">Instalaciones</a>
            <ul>
                <li><a href="">Area recreativa</a></li> 
                <li><a href="">Bambi</a></li> 
                <li><a href="">Cafeteria</a></li>   
                <li><a href="">Aulas</a></li>
                <li><a href="">Recepcion</a></li>                              
            </ul>
        </li> 
        <li><a href="">Personal</a>
            <ul>
                <li><a href="">Idiomas</a></li> 
                <li><a href="">Ciencias</a></li> 
                <li><a href="">Artes</a></li>   
                <li><a href="">Educacion Fisica</a></li>
                <li><a href="">Administracion</a></li>                              
            </ul>
        </li>                 
        <li><a href="">Contacto</a></li> 
        <li><a href="">Actividades</a>
            <ul>
                <li><a href="">Artisticas</a></li> 
                <li><a href="">Recreativas</a></li>                                             
            </ul>           
        </li>    
  </ul>   
 
 
</div>
</body>
</html>

Las ---------------- son mías para remarcar el Horror, digo, el error.
A menos que uses un frame (cosa del pasado) un html debe contener 1 (UN) solo Body.
Luego decir que la maquetación deberías ..."borrón y cuenta nueva!"
Porque sí insistes en eso, el css que puedas aplicar para corregir, posicionar, mover los elementos html tan mal maquetados serán una ensalada rusa.

Saludos