Pongo parte del codigo HTML
Código:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Proyecto Web - Inicio</title>
<link rel="stylesheet" type="text/css" href="css/estilos.css"/>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="js/jquery.curvycorners.packed.js"></script>
<!--[if IE 6]>
<script type="text/javascript" src="js/jquery.pngFix.js"></script>
<script type="text/javascript" src="js/png_ie.js"></script>
<![endif]-->
<script type="text/javascript" src="js/funciones.js"></script>
<script type="text/javascript" src="js/cufon-yui.js"></script>
<script type="text/javascript" src="js/CPMono_v07_Bold_307.font.js"></script>
<script type="text/javascript">
Cufon.replace('h2');
Cufon.replace('h3 a',{hover:true});
Cufon.replace('h3');
Cufon.replace('h3 span');
Cufon.replace('h4');
Cufon.replace('#menu_principal a',{hover:true});
</script>
</head>
Ahora parte del codigo CSS
Código:
#logotipo {
width:405px;
height:212px;
float:left;
}
#logotipo a {
background:url(../img/web/logotipo.png) no-repeat;
width:405px;
height:212px;
text-indent:-9999px;
display:block;
}
#logotipo a:hover {
background:url(../img/web/logotipo.png) no-repeat -405px 0;
}
#menu_principal {
background:url(../img/web/menu.png) no-repeat top;
width:951px;
height:42px;
float:left;
margin:25px 8px 35px;
position:relative;
z-index:100;
}