como hacer menu php como el de la web esta

[valenti_92]

Te pondré un codigo haber que te parece:

Código PHP:

<div id="CapaFamilias">
    <?php
    $result = mysql_query("SELECT * FROM familias WHERE de='0' ORDER BY descripcion", $link);
    while($bucle = mysql_fetch_array($result))
    {
        $botofamilia = "imatges/imagen_fondo_familia.gif";
        ?>
        <div id="botons_articles">
            <a href="pagina.php?id=<?php echo $bucle['descripcio']; ?>&id_anterior=<?php echo $bucle['descripcio']; ?>" title="<?php echo $titol.": ".$bucle['descripcio']; ?>">
                <img src="<?php echo $botofamilia ?>" width="115"; height="50" style="border:0;" alt="<?php echo $titol.": ".$bucle['descripcion']; ?>" title="<?php echo $titol.": ".$bucle['descripcion']; ?>"/>
            </a>
            <div id="enllace_articulosu" style="font-weight:bold; text-align:center;">
                <a href="pagina.php?id=<?php echo $bucle['descripcion']; ?>&id_anterior=<?php echo $bucle['descripcion']; ?>" title="<?php echo $titol.": ".$bucle['descripcion']; ?>">
                    <?php echo $bucle['descripcion']; ?>
                </a>
            </div>
            <?php
            if ($id_anterior==$bucle['id_familia'])
            {
                $result2 = mysql_query("SELECT * FROM familias WHERE de='".$id_anterior."' ORDER BY descripcion", $link);
                ?>
                <div id="enllace_articulos" style="font-weight:bold;">
                <?php
                while($bucle2 = mysql_fetch_array($result2))
                {
                    ?>
                    <u>
                    <a href="pagina.php?id=<?php echo $bucle2['descripcion']; ?>&id_anterior=<?php echo $fa_anterior; ?>" style="font-family:<?php echo $enlace_articulo_familia ?>; color:<?php echo $enlace_articulosu_color ?>; font-size:<?php echo $enlace_articulosu_tamano ?>;" title="<?php echo $titol.": ".$bucle2['descripcion']; ?>">
                        - <?php echo $bucle2['descripcion'];    ?>
                    </a>
                    <br />
                    </u>
                    <?php
                }
                ?>
                </div>
                <?php
            }
            ?>
        </div>
        <?php
    }
    ?>
</div>
 

Haver como te explico yo esto...
Primero se pone Capa familias que será la artífice de todo es decir en llea deberas seleccionar que color de fondo quieres para todo el documento en el ancho y el alto no pongas nada si las familias las pones indefinidas al contrario si quieres algo predeterminado.
la tabla estara estructurada de la siguiente forma: id, descripcion, de. de=0 serán las familias principales, entonces el "de" de las subfamilias serán el id de las familias. La descripción el nombre de la familia.
$botofamilia es el fondo para cada familia.
La capa botons_articles tendrá que ser position:relative y si quieres que el menú sea horizontal tendrá que tener el float:left ponle un with y un height tambien así no se te desmontará.
A continuación hay el enlace de la imagen.
Después hay la capa enllace_articulosu que tendra que tener position:absolute y el left y top que desees para que quede bien. Dentro el enlace de la descripción de la familia.
Estonces comprovamos que si la idanterior es = a la familia se tienen que mostrar las subfamilias. Seecionas las subfamilias de las familias mediante mysql. Las recojes en un array mediante un bucle while en el qual irá poniendo los enlaces uno debajo de otro. En el caso que lo quieras poner horizontal tendras que poner una capa con relative y float:left.
Para finalizar lo cerramos todo y listo ya tienes tu menu.
Espero te sirva.


Saludos