Foros del Web » Creando para Internet » HTML »

Ordenar los menus de mi web

Estas en el tema de Ordenar los menus de mi web en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 26/06/2010, 04:53
 
Fecha de Ingreso: junio-2010
Mensajes: 3
Antigüedad: 7 años, 5 meses
Puntos: 0
Ordenar los menus de mi web

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
  #2 (permalink)  
Antiguo 26/06/2010, 05:27
Avatar de DooBie  
Fecha de Ingreso: septiembre-2004
Mensajes: 1.101
Antigüedad: 13 años, 3 meses
Puntos: 71
Respuesta: Ordenar los menus de mi web

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"
  #3 (permalink)  
Antiguo 26/06/2010, 05:34
 
Fecha de Ingreso: junio-2010
Mensajes: 3
Antigüedad: 7 años, 5 meses
Puntos: 0
Respuesta: Ordenar los menus de mi web

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>

<!-- CSS For The Menu -->
<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>
<!-- Menu Start -->
<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>
<!-- End Menu -->
<div id="contenedor-pie"><h2>Pie</h2></div>

</div>

<!-- Add jQuery From the Google AJAX Libraries -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

<!-- jQuery Color Plugin -->
<script type="text/javascript" src="jquery.color.js"></script>

<!-- Import The jQuery Script -->
<script type="text/javascript" src="jMenu.js"></script>

</body>
</html>

gracias
  #4 (permalink)  
Antiguo 26/06/2010, 11:13
Avatar de DooBie  
Fecha de Ingreso: septiembre-2004
Mensajes: 1.101
Antigüedad: 13 años, 3 meses
Puntos: 71
Respuesta: Ordenar los menus de mi web

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.
  #5 (permalink)  
Antiguo 26/06/2010, 12:28
Avatar de GatorV
$this->role('moderador');
 
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.567
Antigüedad: 11 años, 6 meses
Puntos: 2122
Tema movido desde Configuración PHP a HTML
  #6 (permalink)  
Antiguo 26/06/2010, 16:58
 
Fecha de Ingreso: junio-2010
Mensajes: 3
Antigüedad: 7 años, 5 meses
Puntos: 0
Respuesta: Ordenar los menus de mi web

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>

<!-- CSS For The Menu -->
<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>
<!-- Menu Start -->
<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>
<!-- End Menu -->
<div id="contenedor-pie"><h2>Pie</h2></div>
</div>

<!-- Add jQuery From the Google AJAX Libraries -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

<!-- jQuery Color Plugin -->
<script type="text/javascript" src="jquery.color.js"></script>

<!-- Import The jQuery 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

Etiquetas: menus
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:33.