...
index.php
Código PHP:
<link rel="stylesheet" href="css/menu.css" type="text/css">
<body>
<?php include_once("css/menu.php") ?>
</body>
menu.css
Código PHP:
* {
padding: 0px; outline: 0;
}
html, body { width: 100%;}
body { background: #366;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#menu { text-align: center;
z-index: 99;
font-size: 1.0em;
width: 940px;
margin: 0px auto;
position: absolute;
}
#menu ul{
list-style-type: none;
margin: 0;
margin-left: 0; /*offset of first tab relative to page left edge*/
}
#menu ul li.nivel1 { float: left;
width: 187px;
margin-right: 1px;
}
#menu ul li a {display: block;
text-decoration: none;
color: #fff;
/*background: url(../img/arrow_separator.jpg) no-repeat center left; /*custom bullet list image*/
background-color: #399;
border: solid 0px #fff;
padding: 3px;
position: relative;
}
#menu ul li:hover {position: relative;
}
#menu ul li a:hover, #menu ul li:hover a.nivel1 {background-color: #6CC;
color: #000;
position: relative;
}
#menu ul li a.nivel1 {display: block!important;display: none;
position: relative;
}
#menu ul li ul {margin:0px 0 0 -1px; *margin:0 0 0 0; clear:both; font-weight:normal;left:-999em; position:absolute; width:187px; z-index:4; background:url(submenu-bottom.png) no-repeat bottom left; padding:0 0 5px 0; }
#menu ul li a:hover ul, #menu ul li:hover ul {display: block;
position: absolute;left: 0px;
}
#menu ul li ul li a {width: 187px;
padding: 3px 0px 3px 0px;
border-top-color: #000;
}
#menu ul li ul li a:hover {border-top-color: #000;
position: relative;
}
table.falsa {border-collapse:collapse;
color: #000;
border:0px;
float: left;
position: relative;
}
menu.php
Código PHP:
<div id="menu">
<ul>
<li class="nivel1"><a href="index.php" class="nivel1">Especialistas</a></li>
<li class="nivel1"><a href="#" class="nivel1">Clinicas</a>
<ul>
<li><a href="indexadd_hoteles.php">Clinicas en Colombia</a></li>
<li><a href="index_hoteles.php?idc=4">Armenia</a></li>
<li><a href="index_hoteles.php?idc=6">Barranquilla</a></li>
<li><a href="index_hoteles.php?idc=1">Bogota</a></li>
<li><a href="index_hoteles.php?idc=2">Cali</a></li>
<li><a href="index_hoteles.php?idc=5">Cartagena</a></li>
<li><a href="index_hoteles.php?idc=3">Medellin</a></li>
<li><a href="index_hoteles.php?idc=17">Pereira</a></li>
<li><a href="index_hoteles.php?idc=18">Popayan</a></li>
</ul>
</li>
<li class="nivel1"><a href="#" class="nivel1">Hospedaje</a>
<ul>
<li><a href="indexadd_clinicas.php">Clinicas en Colombia</a></li>
<li><a href="index_clinicas.php?idc=4">Armenia</a></li>
<li><a href="index_clinicas.php?idc=6">Barranquilla</a></li>
<li><a href="index_clinicas.php?idc=1">Bogota</a></li>
<li><a href="index_clinicas.php?idc=2">Cali</a></li>
<li><a href="index_clinicas.php?idc=5">Cartagena</a></li>
<li><a href="index_clinicas.php?idc=3">Medellin</a></li>
<li><a href="index_clinicas.php?idc=17">Pereira</a></li>
<li><a href="index_clinicas.php?idc=18">Popayan</a></li>
</ul>
</li>
<li class="nivel1"><a href="pagina_enconstruccion.php" class="nivel1">Aerolìneas</a></li>
<li class="nivel1"><a href="pagina_enconstruccion.php" class="nivel1">Otros</a></li>
</ul>
</div>
que pasara ???