Hola!!
Gracias por tu respuesta, como no puse que me enviaran respuesta al mail, pensaba que nadie había escrito y lo he visto hoy.
No he tocado el proyecto desde hace días con todo el trabajo que tengo.
He probado de sacar el menú desplegable en otra hoja para verlo, como hiciste tu, y funciona perfectamente. Pero dentro del proyecto sigue sin funcionarme. Y no lo entiendo.
A ver si alguien me ayuda. Lo podéis probar?
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title><?php echo $pageTitle; ?></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Language" content="Català" />
<meta property="og:image" content="./webimages/logo.jpg"/>
<meta property="og:description" content="Empresa de electrónica"/>
<meta property="og:title" content="RB Electrónica"/>
<meta property="og:site_name" content="RB Electrónica"/>
<link rel="icon" href="./imag/logo.jpg" type="image/gif">
<link href="estils/estil.css" rel="stylesheet" type="text/css">
<link type="text/css" rel="stylesheet" href="http://jquery-ui.googlecode.com/svn/tags/1.7/themes/redmond/jquery-ui.css" />
<script src="estils/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="estils/jquery/jquery-ui-1.8.16.custom.min.js" type="text/javascript"></script>
<script src="estils/tablesorter/jquery_tablesorter.js" type="text/javascript"></script>
<script src="estils/tablesorter/jquery_tablesorter_pager.js" type="text/javascript"></script>
<script src="estils/funcions.js" type="text/javascript"></script>
</head>
<body>
<div id="imatgeBody"></div>
<div id="tronc">
<div id="capsalera">
<div id="paginaBanner"></div>
<div id="menu"><!-- Aqui el menu -->
<ul id="menu-horizontal">
<li><a href="index.php?b=0">Inicio</a></li>
<li><a href="index.php?b=1">Quien somos</a></li>
<li><a href="">Proyectos realizados</a>
<ul>
<li><a href="index.php?b=2">Carteles</a></li>
<li><a href="index.php?b=3">Peanas</a></li>
<li><a href="index.php?b=4">Iluminación</a></li>
<li><a href="index.php?b=5">Decoración</a></li>
<li><a href="index.php?b=6">Industrial</a></li>
<li><a href="index.php?b=7">Cerveza</a></li>
</ul>
</li>
<li><a href="index.php?b=8">Contacto</a></li>
</ul>
</div>
<div class="centre">
AAAAAAAAAAAAAAAAAAAAAAAAA - ....contenido....
</div>
</div>
</body>
</html>
estilo CSS :
Código HTML:
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
font-family: "Segoe UI",Calibri,"Myriad Pro",Myriad,"Trebuchet MS",Helvetica,Arial,sans-serif;
}
img, a{ cursor:pointer; }
/****** DIFERENTES ZONES DEL DOCUMENT ******/
#tronc { background-color:#CCC; margin:0 auto; min-width:960px; max-width:960px; position:relative; min-height:500px; max-height:500px; /*min-height:760px;*/ }
#capsalera { height: 135px; width:100%; }
#imatgeBody { background-image: url('../imag/fondo_3.jpg'); background-position:center; background-repeat:no-repeat; width:100%; height:100%; position:fixed;
filter:alpha(opacity=60); /* para IE */
opacity:0.6; /* CSS3 standard */ }
.centre { font-size:12px; padding:35px; text-align: justify; margin-top:10px; }
#paginaBanner { background-image: url('../imag/banner.jpg'); background-repeat:no-repeat; border:none; width:100%; height:125px; }
/****** ZONA DEL MENU ******/
#menu{ background:#666; }
#menu-horizontal { background-image: url('../imag/breadcrumbImage.png'); background-position: -30px -30px; background-repeat:repeat-x; height: 30px; margin:0 auto; }
#menu-horizontal li { width: 180px; text-align:center; list-style:none; }
#menu-horizontal li:hover { background-image: url('../imag/breadcrumbImage.png'); background-position: -30px -120px; background-repeat:repeat-x; font-weight:bold; }
#menu-horizontal a { text-transform:uppercase; font-style:italic; text-decoration:none; text-align: center; line-height: 30px; font-size: 13px; color: white; text-decoration: none; }
ul#menu-horizontal li { float: left; display: inline; position: relative; }
ul#menu-horizontal li:hover ul{ display: block; }
ul#menu-horizontal ul { display: none; }
ul#menu-horizontal ul li{ float:none; display:block !important; font-weight:bold; width: 180px; background-color:#333; }
ul#menu-horizontal ul li:hover { display:block !important; background-image: url('../imag/breadcrumbImage.png'); background-position: -30px -120px; background-repeat:repeat-x; font-weight:bold; width: 180px; }
