03/01/2007, 12:07
| ||||
| ||||
| menu list con % Hola amigos, les cuento un poco que estoy haciendo..... estoy armando un menu con un submenu descolgable, por ahora todo anda de maravillas.....hasta aca  Código PHP: Como hago esto? mil gracias DX |
|
03/01/2007, 13:33
| ||||
| ||||
| Re: menu list con % ¿Has probado a quitarle el width? Si lo pones porque es el ancho de menu, no podrás evitar que salte a dos líneas. Una de dos; o se amplia con el texto o se conserva el ancho del menu, pero las dos cosas a la vez no tiene sentido. Si le quitas el width, lo normal es que la línea se alargue sin saltar todo lo que le permita el contenedor donde esté ubicada. Mikel. |
|
03/01/2007, 13:40
| ||||
| ||||
| Re: menu list con % si le quito el width me hace los botones del largo que necesito, pero en lugar de ponerlos uno al lado del otro, los coloca uno debajo del otro |
|
03/01/2007, 14:15
| ||||
| ||||
| sinceramente, necesito mucha ayuda Estoy armando un sitio y por primera vez voy a armarlo íntegramente en CSS. Se me está complicando y mucho….es por eso que recurro a ustedes, si, si ya se…prometo aprender lo más rápido posible, pero ahora los necesito. Les dejo como primer paso el diseño al que quiero llegar:  Como veran es un diseño sencillo. Centrado, con una imágen como cabezal y el menu debajo de la misma. A continuación les dejo el código HTML que estoy utilizando Código HTML: <html> <head> <title>Untitled Document</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script type="text/javascript"> 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> <link href="estilos.css" rel="stylesheet" type="text/css"> </head> <body> <div id="contenedor"> <div class="suckertreemenu"> <ul id="treemenu1"> <li><a href="#">inicio</a></li> <li><a href="#">¿qué es?</a> <ul> <li><a href="#">definicio</a></li> <li><a href="#">objetivos</a></li> <li><a href="#">antecedentes</a></li> <li><a href="#">mapa proniño</a></li> <li><a href="#">educación</a></li> <li><a href="#">asesores</a></li> <li><a href="#">colaboradores</a></li> <li><a href="#">ong's proniño</a></li> </ul> </li> <li><a href="#">¿qué hacemos?</a> <ul> <li><a href="#">actividades</a></li> <li><a href="#">generalidades</a></li> <li><a href="#">ejes de intervención</a></li> <li><a href="#">escuelas</a></li> <li><a href="#">casos reales</a></li> <li><a href="#">resultados</a></li> </ul> </li> <li><a href="#">trabajo infantil</a> <ul> <li><a href="#">la problemática</a></li> <li><a href="#">el mundo</a></li> <li><a href="#">latinoamérica</a></li> <li><a href="#">argentina</a></li> <li><a href="#">derecho de los niños</a></li> <li><a href="#">sitios relacionados</a></li> </ul> </li> <li><a href="#">protrabajo</a> <ul> <li><a href="#">catálogo proniño</a></li> <li><a href="#">generalidades</a></li> <li><a href="#">acciones</a></li> <li><a href="#">resultados</a></li> </ul> </li> <li><a href="#">centro documental</a> <ul> <li><a href="#">noticiaso</a></li> <li><a href="#">publicaciones</a></li> <li><a href="#">act. de difunsión</a></li> <li><a href="#">premios y recomendaciones</a></li> <li><a href="#">billiken</a></li> <li><a href="#">ensayos</a></li> <li><a href="#">galería de imágenes</a></li> <li><a href="#">enlaces de interés</a></li> </ul> </li> <li><a href="#">contactanos</a></li> </ul> <br style="clear: left;" /> </div> </div> </body> </html> Código PHP:  Lo que les pido a los moderadores, si desean borren mis otros dos mensajes ya que hacen referencia a este....y este es el completo Gracias a todos DX |
|
03/01/2007, 15:42
| ||||
| ||||
| Re: menu list con % Hola DragonX He juntado uno de tus anteriores mensajes con este, para que no se pierdan las respuestas que habías tenido. El otro lo borro. Saludos,  |
|
04/01/2007, 04:46
| ||||
| ||||
| Re: menu list con % Hola Dragón, usa el atributo min-width en vez de width y para forzar a que no salte a dos líneas prueba a usar además white-space: nowrap; Un saludo  |
