Ver Mensaje Individual
  #124 (permalink)  
Antiguo 16/09/2008, 03:58
Kilofafeure
 
Fecha de Ingreso: noviembre-2006
Mensajes: 117
Antigüedad: 18 años
Puntos: 0
Respuesta: Menu desplegable 100% CSS

Aquí va el HTML

Código HTML:
<!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><?=$lng['titulo_index']; ?></title>
<script language="Javascript" type="text/javascript" SRC="./js/cargarcontenedor.js"></script>
<link rel="stylesheet" type="text/css" href="css/estilo2.css"/>
</head>
<body>
    <!-- parte central -->
    <div id="container">
  
          <!-- cabecera -->
          <div id="header" >
          	<div id="flags">
            	<ul>               		
                        <li><a href="./setlang.php?lang=espanol"><img src="http://www.forosdelweb.com/images/es.gif"></a></li>
                        <li><a href="./setlang.php?lang=catalan"><img src="http://www.forosdelweb.com/images/catalonia.gif"></a></li>
                        <li><a href="#"><img src="http://www.forosdelweb.com/images/england.gif"></a></li>
                        <li><a href="#"><img src="http://www.forosdelweb.com/images/de.gif"></a></li>  
               </ul>
            </div>
            <form name="frmbusqueda2" action="" >
              <div id="buscador" style="position:relative; top: 40px; left:760px;">
              	<select name="id_sello" id="id_sello" class="tamanoselect10" size="1" onchange="cargasello()">
                    <option selected value=""><?=$lng['etiqueta']['Sellos']; ?></option>
                    <?php
                    $tablasello = mysql_query("select * FROM sellos WHERE Borrado='0' ORDER BY RefNom");
                    while ($registrosello = mysql_fetch_array($tablasello))
                    {
                        ?>
                        <option> <?php echo $registrosello['NombreSello']; ?></option>
                        <?php
                    }
                    ?>
				</select>
              </div><!-- buscador1 -->  
              <br>
              <div id="buscador" style="position:relative; top: 32px; left:760px;">
				<select name="id_estilo" id="id_estilo" class="tamanoselect10" size="1" onchange="cargaestilo()">
                    <option selected value=""><?=$lng['etiqueta']['Estilos']; ?></option>
                    <?php
                        $tablaestilo = mysql_query('select * FROM Estilo');
                        while ($registroestilo = mysql_fetch_array($tablaestilo))
                        {
                     ?>
                    <option value="<?php echo $registroestilo['id_Estilo']; ?>"> <?php echo $registroestilo['TipoEstilo'];?></option>
                    <?php
                        }
                    ?>
 				</select>
              </div><!-- buscador2 -->
            </form>            
          </div> <!-- header -->          
		  <div id="topmenu">
          	<div id="toprightmenu">
            	<div class="moduletable">
          		  <form name="frmbusqueda" action="" onsubmit="buscarDato(); return false">
           			 <label for="mod_search_searchword"><?=$lng['etiqueta']['Busqueda']; ?></label>
           			 <input id="dato" class="tamanoselect15" type="text" value="<?=$lng['etiqueta']['Busqueda']; ?>..." size="12" alt="<?=$lng['etiqueta']['Busqueda']; ?>r" maxlength="20" name="dato"/>
           		 </form>
           	 	</div>
            </div>           
          	<div id="topleftmenu">
            		<div id="menu"> <!--http://www.forosdelweb.com/f53/menu-desplegable-100-css-595007/-->
                    <ul> 
                        <li class="nivel1"><a href="#" onclick="return principal('./carrito/ver_carrito.php','mainContent');"><img src="http://www.forosdelweb.com/images/carrito.jpg" width="21" height="20"></a></li>                                              
                        <li class="nivel1"><a href="#" onclick="return principal('./inicio/inicio.php','mainContent');">Inicio</li>
                        <li class="nivel1">Catálogo               
                            <ul> 
                                <li><a class="nivel1" href="#" onclick="carganovedad();">Novedades</a></li>
                                <li><a class="nivel1" href="#" onclick="cargareposicion();">Reposiciones</a></li>
                                <li><a class="nivel1" href="#" onclick="cargaoferta();">Ofertas</a></li>
                            </ul>
                        </li>
                        <li class="nivel1">Mi Cuenta                  
                            <ul> 
                                <li><a class="nivel1" href="#" onclick="return principal('./cuenta/logout.php','mainContent');">Login/Logout</a></li>
                                <li><a class="nivel1" href="#" onclick="return principal('./cuenta/nuevaclave.php','mainContent');">Cambiar Clave</a></li>	              					
                                <li><a class="nivel1" href="#" onclick="return principal('./cuenta/crearusu.php','mainContent');">Crear Cuenta</a></li> </ul>
                        </li>   
                        <li class="nivel1">Links
                            <ul>
                                <li><a class="nivel1" href="#" onclick="return principal('./links/clubs.php','mainContent');"><?=$lng['links']['1']?></a></li>
                                <li><a class="nivel1" href="#" onclick="return principal('./links/festivales.php','mainContent');"><?=$lng['links']['2']?></a></li> <li><a class="nivel1" href="#" onclick="return principal('./links/djs.php','mainContent');"><?=$lng['links']['3']?></a></li>
                                <li><a class="nivel1" href="#" onclick="return principal('./links/amigos.php','mainContent');"><?=$lng['links']['4']?></a></li>
                                <li><a class="nivel1" href="#" onclick="return principal('./links/colaboradores.php','mainContent');"><?=$lng['links']['5']?></a></li>
                            </ul>
                        </li>
                        <li class="nivel1"><a href="www.trivialbookings.net/es/" target="_blank">Bookings</a></li>
                    </ul>
                    </div>
           	</div>
          </div>
       
          <!-- contenedor información -->
          <div id="mainContent">
          <?php include_once("./inicio/inicio.php"); ?>
          </div>
          
          <!-- pie de página -->
          <div id="footer" class="Button">
          <ul>
            <li><a href="#" onclick="return principal('./pie/envios.php','mainContent');"><?=$lng['pie']['Envios']; ?></a></li>            
            <li><a href="#" onclick="return principal('./pie/confidencialidad.php','mainContent');"><?=$lng['pie']['Confi']; ?></a></li>            
            <li><a href="#" onclick="return principal('./pie/condiciones.php','mainContent');"><?=$lng['pie']['Condi']; ?></a></li>            
            <li><a href="#" onclick="return principal('./pie/confidencialidad.php','mainContent');"><?=$lng['pie']['Contact']; ?></a></li>            
          </ul>
          </div>      
    </div>
</body>
</html>