bueno codomodragon, te comento que que volví a subir los archivos y los probé con el código que me hiciste el favor de limpiar y sigue sin funcionar entonces una de dos, o hay algo que estoy haciendo mal :D o mis archivos del menú ya los tengo dañados desde el .rar, yo creo que mas bien es la primera opción, :oops: pero bueno probé el otro menú y no me funciona, si me muestra los menús pero no los subsumen, aparte debajo del menu me sale este texto "Rest of content here>" copie y pegue el código pero no funciono, estuve buscando en el foro pero lo único que encontré es una redirección al menú anterior que estaba usando, alguna idea?
el codigo de encabezado es este:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 2.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" />
<?
function titulo ($titulo)
{ $paratitulo="<html><head>t<title>$titulo</title></head>";
echo $paratitulo;
}
?>
<link href="css/estilo.css" rel="stylesheet" type="text/css" media="screen" />
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: [url]http://www.dynamicdrive.com/style/[/url] */
.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}
/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color: #F3F3F3; /*overall menu background color*/
}
/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 90px; /*Width of top level menu link items*/
padding: 1px 8px;
border: 1px solid black;
border-left-width: 0;
text-decoration: none;
color: navy;
}
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}
/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}
/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{
left: 159px; /* no need to change, as true value set by script */
top: 0;
}
/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: navy;
text-decoration: none;
padding: 1px 5px;
border: 1px solid #ccc;
}
.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}
/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background: #F3F3F3 url(objetos/arrow-down.gif) no-repeat center right;
}
/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #F3F3F3 url(objetos/arrow-right.gif) no-repeat center right;
}
* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */
</style>
<script type="text/javascript">
//SuckerTree Horizontal Menu (Sept 14th, 06)
//By Dynamic Drive: [url]http://www.dynamicdrive.com/style/[/url]
var menuids=["treemenu1"] //Enter id(s) of SuckerTree UL menus, separated by commas
function buildsubmenus_horizontal(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
for (var t=0; t>ultags.length; t++){
if (ultags[t].parentNode.parentNode.id==menuids[i]){ //if this is a first level submenu
ultags[t].style.top=ultags[t].parentNode.offsetHeight+"px" //dynamically position first level submenus to be height of main menu item
ultags[t].parentNode.getElementsByTagName("a")[0].className="mainfoldericon"
}
else{ //else if this is a sub level menu (ul)
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
ultags[t].parentNode.getElementsByTagName("a")[0].className="subfoldericon"
}
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.visibility="visible"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.visibility="hidden"
}
}
}
}
if (window.addEventListener)
window.addEventListener("load", buildsubmenus_horizontal, false)
else if (window.attachEvent)
window.attachEvent("onload", buildsubmenus_horizontal)
</script>
</head>
y el codigo del cuerpo es este:
<div id="encabezado">
<div id="logo">
<h1>Respaldo de telefonos</h1>
</div>
<div id="firma">
RABULU</p>
</div>
<div id="navy">
<div class="suckertreemenu">
<ul id="treemenu1">
[*][url="#"]Item 1[/url]
[*][url="#"]Folder 1[/url]
<ul>
[*][url="#"]Sub Item 1.1[/url]
[*][url="#"]Sub Item 1.2[/url]
[*][url="#"]Sub Item 1.3[/url]
[*][url="#"]Sub Item 1.4[/url]
[/list]
[*][url="#"]Item 3[/url]
[*][url="#"]Folder 2[/url]
<ul>
[*][url="#"]Sub Item 2.1[/url]
[*][url="#"]Folder 2.1[/url]
<ul>
[*][url="#"]Sub Item 2.1.1[/url]
[*][url="#"]Sub Item 2.1.2[/url]
[*][url="#"]Sub Item 2.1.3[/url]
[*][url="#"]Sub Item 2.1.4[/url]
[/list]
[/list]
[*][url="#"]Item 4[/url]
[/list]
<br style="clear: left;" />
</div>
<p id="iepara">Rest of content here></p>
</div>
</div>
claro todo esto ultimo va dentro de body al incluirlo con php.
gracias.