menu como este!!!

[catpaw]

Probe y no jala...

hice un pequeño cambio al css:

En lugar de:

Código:

.selected{
	float:left;
	background:url("../images_menu/orilla.gif") no-repeat left top;
	background-position:0% -42px;
	margin:0;
	padding:0 0 0 5px;
	text-decoration:none;		  
}
.selected_span{
	display:block;
	background:url("../images_menu/cuadro.gif") no-repeat right top;
	background-position:100% -42px;
	padding:5px 15px 4px 6px;
	color:#FFF;
}

puse esto:

Código:

#menu_principal a.selected{
	background-position:0% -42px;
}

#menu_principal a.selected span{
	color:#FFF;
	background-position:100% -42px;
}

Pensando en q la clase selected "hereda" las demas propiedades de #menu_principal a y #menu_principal a span

y entonces puse el script asi:

Código:

  $(document).ready(function() {
    $("#menu_principal li").click(function () {
    	$("#menu_principal a").removeClass("selected");
	$("#menu_principal a").children("span").removeClass("selected");	
	$(this).addClass("selected");
	$(this).children("span").addClass("selected");
    });
  });

y bueno tampoco

Edito: creo q ya hay un avance al menos...

Asi como te acabo de poner el codigo anterior, puse a una de mis opciones la clase selected por defaul osea:

Código HTML:

<li><a href="index.php" class="selected"><span>Home</span></a></li>
<li><a href="xxx"><span>Formular</span></a></li>
<li>...</li>
...

Lo que me muestra esa opcion con mi imagen verde y las demas grises
y al dar clic a otra opcion si la remueve!!! me pone la imagen gris, pero ya no se queda seleccionada la otra opcion...algo falta

Gracias mayid, espero me puedas seguir echando la mano