Ordenar los menus de mi web

arcolo23 · #1 (**permalink**) 26/06/2010, 03:53

Hola compañeros, soy nuevo en esto y tengo un problemilla. Pues bien tengo una página en .php y los menus los creo a través de filezilla pero cuando se muestran en la web los ordena como le da la gana. Pues bien es aquí mi duda, como podría ordenar los menús a mi gusto?

miren este es la web, esta en pruebas:

http://www.mueblesalfonsoalarcon.es/nuevaweb/index.php

a ver si me podeis ayudar porque ya estoy ....

saludos

gracias

DooBie · #2 (**permalink**) 26/06/2010, 04:27

con filezilla? pero, si filezilla es un cliente ftp, que menus son los que estas creando?
Si no pones algo de codigo...

Ademas, esto no iria en "Configuracion PHP"

arcolo23 · #3 (**permalink**) 26/06/2010, 04:34

perdón, donde iría concretamente?

Ya se que el filezilla es un cliente ftp, lo que quería decir era que los menus y las fotos las subo por el filezilla.

te paso el codigo fuente

<!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" dir="ltr" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jQuery Drop Down Menu</title>


<link rel="stylesheet" href="style.css" />
<style type="text/css">
body, html {
background-color:#333;
height:100%;
margin:0;
padding:0;
}

.contenedor{width:960px; margin:0 auto; position: relative;
min-height: 100%;
height: auto !importante;
height: 100%;font-family:"Trebuchet MS",Helvetica,Sans-Serif; background:transparent url(img/fondocontenedor.png) repeat-y;}
div#jQ-menu{
height:auto;
min-height:200px;
padding-top:10px;
position:relative;
width:200px;
}
div.cabecera h3{ color:#FFF; font-size:36px; text-align:center; margin-top:0px;}
.cabecera{ height:200px; width:100%; background-color:#666;}
#contenedor-pie {
width: 100%;
background: #b2b2b2;
position: absolute;
bottom: 0 !importante;
bottom: -1px;
height: 40px;
}
#contenedor-pie h2 { color:#fff; text-align:center; color:#FFFFFF;
font-size:16px;
margin-bottom:0;
text-align:center;}
</style>
</head>
<body>
<div class="contenedor">
<div class="cabecera"><h3>Cabecera</h3></div>

<div id="jQ-menu" >

<ul><li><a class="toggle sub2" href="indexsub.php?sub=Descanso">Descanso</a></li><li><a class="toggle sub2" href="indexsub.php?sub=Decoracion">Decoracion</a></li><li><a class="toggle sub2" href="indexsub.php?sub=Muebles Modernos">Muebles Modernos</a></li><li><a class="toggle sub2" href="indexsub.php?sub=Tapiceria">Tapiceria</a></li><li><a class="toggle sub2" href="indexsub.php?sub=Promociones.Liquidaciones"> Promociones.Liquidaciones</a></li><li><a class="toggle sub2" href="indexsub.php?sub=Muebles Clasicos">Muebles Clasicos</a></li><li><a class="toggle sub2" href="indexsub.php?sub=Alta Decoracion">Alta Decoracion</a></li><li><a class="toggle sub2" href="indexsub.php?sub=Proyectos Especiales">Proyectos Especiales</a></li></ul>
</div>

<div id="contenedor-pie"><h2>Pie</h2></div>

</div>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>


<script type="text/javascript" src="jquery.color.js"></script>


<script type="text/javascript" src="jMenu.js"></script>

</body>
</html>

gracias

DooBie · #4 (**permalink**) 26/06/2010, 10:13

Para empezar, creo que no es una duda ni siquiera de php, por lo que pones codigo solamente de html, en el que usas css y jquery.

En cuanto al orden que muestra, pues se muestran tal y como los tienes puestos en la lista desordenada '<ul><li>....</li></ul>' dentro del 'div jQ-Menu'

Si los recoges de una base de datos, deberias poner el codigo que usas para hacer la sentencia, o sino, simplemente usar la orden 'ORDER' de MySQL (si usas ese motor de bbdd)

Saludos.

GatorV · #5 (**permalink**) 26/06/2010, 11:28

Tema movido desde Configuración PHP a HTML

arcolo23 · #6 (**permalink**) 26/06/2010, 15:58

Perdón, concretamente este es el codigo fuente:

<!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" dir="ltr" lang="en-US">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>jQuery Drop Down Menu</title>


<link rel="stylesheet" href="style.css" />
<style type="text/css">
body, html {
background-color:#333;
height:100%;
margin:0;
padding:0;
}

.contenedor{width:960px; margin:0 auto; position: relative;
min-height: 100%;
height: auto !importante;
height: 100%;font-family:"Trebuchet MS",Helvetica,Sans-Serif; background:transparent url(img/fondocontenedor.png) repeat-y;}
div#jQ-menu{
height:auto;
min-height:200px;
padding-top:10px;
position:relative;
width:200px;
}
div.cabecera h3{ color:#FFF; font-size:36px; text-align:center; margin-top:0px;}
.cabecera{ height:200px; width:100%; background-color:#666;}
#contenedor-pie {
width: 100%;
background: #b2b2b2;
position: absolute;
bottom: 0 !importante;
bottom: -1px;
height: 40px;
}
#contenedor-pie h2 { color:#fff; text-align:center; color:#FFFFFF;
font-size:16px;
margin-bottom:0;
text-align:center;}
</style>
</head>
<body>
<div class="contenedor">
<div class="cabecera"><h3>Cabecera</h3></div>

<div id="jQ-menu" >

<?php
$path = "menus/";

function createDir($path = 'menus')
{
if ($handle = opendir($path))
{
echo "<ul>";

while (false !== ($file = readdir($handle)))
{
if (is_dir($path.$file) && $file != '.' && $file !='..')
printSubDir($file, $path, $queue);
else if ($file != '.' && $file !='..')
$queue[] = $file;
}

echo "</ul>";
}
}
//function createSubDir($path = 'menus')
//{
// if ($handle = opendir($path))
// {
// echo "<ul>";

// while (false !== ($file = readdir($handle)))
// {
// if (is_dir($path.$file) && $file != '.' && $file !='..')
// printSubSubDir($file, $path, $queue);
// else if ($file != '.' && $file !='..')
// $queue[] = $file;
// }

// echo "</ul>";
//}
//}
//function createSubSubDir($path = 'menus')
//{
// if ($handle = opendir($path))
// {
// echo "<ul>";

// while (false !== ($file = readdir($handle)))
// {
// if (is_dir($path.$file) && $file != '.' && $file !='..')
// printSubSubSubDir($file, $path, $queue);
// else if ($file != '.' && $file !='..')
// $queue[] = $file;
//}

//// echo "</ul>";
//}
//}

function printSubDir($dir, $path)
{
echo "<li><a class=\"toggle sub2\" href=\"indexsub.php?sub=$dir\">$dir</a>";
//createSubDir($path.$dir."/");
echo "</li>";
}
//function printSubSubDir($dir, $path)
//{
// echo "<li><span class=\"toggle sub1\">$dir</span>";
//// createSubSubDir($path.$dir."/");
// echo "</li>";
//}
//function printSubSubSubDir($dir, $path)
//{
// echo "<li><a class=\"toggle sub2\" href=\"gallery/index.php?coleccion=$dir\">$dir</a>";

// echo "</li>";
//}

createDir($path);
?>

</div>

<div id="contenedor-pie"><h2>Pie</h2></div>
</div>


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>


<script type="text/javascript" src="jquery.color.js"></script>


<script type="text/javascript" src="jMenu.js"></script>

</body>
</html>

La duda sigue siendo la misma ¿cómo ordenar los menus a mi gusto?

Y otra duda que se me plantea es la siguiente:

me han dicho que no puedo poner espacios en los menus por eso lo veis con puntos porque si no a la hora de abrir la foto para ampliarla no me la abre, existe otra manera o forma para que no necesite poner puntos y me amplie la foto. Si quereis probarlo meteros en cualquier foto de Muebles.Clasicos/Muebles.de.Marquetería.Luis.XV/Comedores y vereis lo que os quiero decir.

saludos y gracias