Entrar

Una soluciÓn hasta problema con html5

juanmatias · · Solicitar retirada
Tengo la siguiente página - - - (http://acceso-directo-net23.net)

// CÓDIGO HTML \\

<!DOCTYPE HTML>
<html lang="es">
[HTML]
<head>
	<meta charset="utf-8">
	<meta name="discription" content="ACCESO-DIRECTO // De Family-Friendly Magazine 2012-13 \\"  />
	<title>ACCESO-DIRECTO // De Family-Friendly Magazine 2012-13 \\</title>
	<link href="css/style.css" rel="stylesheet" type="text/css" media="screen">
	<link href="css/menustyle.css" rel="stylesheet" type="text/css" media="screen">
	<link href="css/menu/menustyle_files/css3menu1/style.css" rel="stylesheet" type="text/css" media="screen">
	<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
</head>

<body>
<div id="site">
  <div id="topbarsite">	
			<ul class="topmenu" id="css3menu1" name="css3menu1">
				<li class="topfirst"><a href="#" style="height:26px;line-height:26px;">INICIO</a></li>
				<li class="topmenu"><a href="#" style="height:26px;line-height:26px;">NOTICIAS</a></li>
				<li class="topmenu"><a href="#" style="height:26px;line-height:26px;">MULTIMEDIA</a></li>
				<li class="topmenu"><a href="#" style="height:26px;line-height:26px;">PROGRAMAS</a></li>
				<li class="topmenu"><a href="#" style="height:26px;line-height:26px;">DIVERSIÓN</a></li>
				<li class="topmenu"><a href="#" style="height:26px;line-height:26px;">USUARIOS</a></li>
				<li class="toplast"><a href="#" style="height:26px;line-height:26px;">CONTACTO</a></li>
			</ul>
  </div>
  
  <div id="aside">	
		BARRA DE NAVEGACIIÓN DERECHA
  
  </div>
  
  <div id="section">	
		CONTENIDO INICIAL
  
  </div>
  
  <div id="footer">	
		DESPLAZAMIENTO DE FOTOS
  
  </div>
</div>
</body>
</html>[/HTML]

// CÓDIGO CSS \\

@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;


}


body{	
	background-image: url(../imgs/index/fondo.jpg);
	background-repeat: no-repeat;

}
#site{
	width: 1200px;
	height: 900px;
	background-image: url(../imgs/index/site.png);
	background-repeat: no-repeat;
	border-radius: 5px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

#topbarsite{
	display: inline-block;
	margin-bottom: 15px;
	margin-left: 15px;
	margin-top: 120px;
	width: 1165px;
	height: 50px;
	
}
#aside{
	border: 1px solid #333333;
	border-radius: 1px;
	display: inline-block;
    width: 315px;
	height: 500px;
	float: right;
	margin-right: 15px;
	
}
#section{
	width: 840px;
	height: 500px;
	border: 1px solid #333333;
	border-radius: 3px;
	display: inline-block;
	margin-left: 15px;

}


#article{


}


#footer{
	width: 1165px;
	height: 150px;
	border: 1px solid #333333;
	border-radius: 1px;
	margin-left: 15px;
	margin-top: 15px;
}

Acabo de subir los archivos al servidor en Internet Explorer no se ve como en Mozilla Firefox que es como se debe ver.
Puse el código para haber si un error, y quiero saber como hago para poner el aside para que empieze desde el menu. Gracias.

Si hay algún error en el código avisen.
juanmatias · · Solicitar retirada
Tengo el siguiente código javascript o jquery: Como verán todo lo que hago de forma autodidacta y consigo y modifico código según lo necesite:

var topbarsite;
topbarsite=$(document);
topbarsite.ready(mostrarmenuEventos);

function mostrarmenuEventos()
{
var topbarsite;
topbarsite=$ ("a");
topbarsite.mouseover(muestre_mas);
topbarsite.mouseout(muestre_menos);
}

function muestre_mas()
{
$(this).css("");
}

function muestre_menos()
{
$(this).css("");
}

Siempre trabajando en esta dirección (http://acceso-directo.net23.net);

Quiero que onRealease o document.ready, el menu que tengo, cargue el primer item del mismo y on mouseover vaya mostrando cada uno creo que se hace con getElementbyId y on mouseout se desvanezca. Este código que les pongo sirve, que más abría que ponerle. Gracias.