Entrar

[duda]{menu}

adrimat08 · · Solicitar retirada
poseo una duda ,
yo quiro colar una imagen en mi menu ke se repite hacia bajo,(hecho)
yo ese menu kiro ke tenga una longitud aunque no tenga datos este es el codigo
estilo css 
#menu       { BACKGROUND-REPEAT: repeat-y ; background-image: url(objetos/fondo_menu1.gif) ; width: 125px ; float:left ; 
             text-align:left ; margin: 0px 0px 1000px 0px }
#menu li    {list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 {text-decoration:none ; font-size:12px ; padding-top:12px ; }
aqui el de html
	<div id="contenido">
       <div id="menu">
         <h1>menu</h1>
<ul>[*][url="index.html"]*portada[/url][*][url="ultimas-noticias.html"]*Ultimas noticias[/url][*][url="#"]*lo mas nuevo[/url][*]
[url="#"]*como ganar dineero[/url][*][url="#"]*registrte[/url][*][url="#"]*loing[/url][*][url="#"]*ayudar[/url][*][url="#"]*ganar dinero[/url][/list][*][url="#"]****[/url][*][url="#"]Grafitis[/url]
       </div
Yaneth · · Solicitar retirada
si quieres que tenga altura fija:

height:xxpx

eso lo agregas a menu en css
adrimat08 · · Solicitar retirada
perfecto ; Es lo ke buscaba ,
muichas gracias

aki otra duda
para menu despegable
ke esta mal?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
<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>
<body>
<div class="suckertreemenu">
<ul id="treemenu1">
	[*][url="#"]Item 1[/url]
	[*][url="#"]psp[/url]
		<ul>
			  [*][url="gogle.es"]juegos[/url]
			  [*][url="#"]Sub Item 1.2[/url]
			  [*][url="#"]Sub Item 1.3[/url]
			  [*][url="#"]Sub Item 1.4[/url]
		[/list]
	
	[*][url="#"]pc[/url]
	[*][url="#"]ps3[/url]
		<ul>
			[*]<a href="#">juegos/a>
			[*][url="#"]analisis[/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>



</body>
</html>
Negoc_ · · Solicitar retirada
Hola, tengo un menú auto desplegable hecho de la siguiente manera. MI problema es que el submenú se despliega un poco (para mi bastante) antes de poner el cursor sobre el botón. A ver si alguien puede ayudarme. Gracias de antemano. :)

#nav{
	border-radius: 0px 0px 10px 10px;
	list-style-type: none;
	width: 1024px;
	height: 48px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background: #555;
	background: linear-gradient(#555,#222);
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 14px;
	}
#nav li{
	display: inline;
	position: relative;
	margin: 0;
	padding: 0;
	text-align: center;
	}
#nav li a{
	color: #FFF;
	text-decoration: none;
	display: inline-block;
	padding: 1px 20px;
	margin: 12px auto;
	border-radius: 20px;
	}
#nav li:hover > a{
	color: Crimson;
	background: #313131;
	}
#nav ul{
	border-radius: 0px 0px 10px 10px;
	margin: 0 auto;
	padding: 5px;
	opacity: 0;
	position: absolute;
	top: 34px;
	width: 200px;
	height: auto;
	background: #222;
	background: linear-gradient(#222,#555);
	}
#nav li:hover > ul{
	opacity: 1;
	}
#nav ul li{
	overflow: hidden;
    padding: 0;
	margin: auto;
	transition: height .25s ease .1s;
    }
#nav li:hover > ul li{
	display: block;
	height: 36px;
    overflow: visible;
    padding: 0;
	}
#nav ul li a{
	border: none;
    margin: 0;
	}
Negoc_ · · Solicitar retirada
Perdona, pensé que no hacía falta :S . Ahí va el código html:

<ul id="nav">
	<li><a href="Inicio.html">Inicio</a></li>
	<li><a href="Mobiliario.html">Mobiliario</a>
        	<ul>
            	      <li><a href="#">Direccion</a></li>
                      <li><a href="#">Operativos</a></li>
                      <li><a href="#">Metalicos</a></li>
                      <li><a href="#">Recepcion</a></li>
                      <li><a href="#">Sala de juntas</a></li>
                      <li><a href="#">Formacion</a></li>
                </ul></li>
        <li><a href="#">Sillería</a>
        	<ul>
            	      <li><a href="#">Direccion</a></li>
                      <li><a href="#">Operativas</a></li>
                      <li><a href="#">Salas de espera</a></li>
                </ul></li>
   	<li><a href="#">Colectividades</a>
        	<ul>
            	      <li><a href="#">Bibliotecas</a></li>
                      <li><a href="#">Inst. Deportivas</a></li>
                      <li><a href="#">Colegios</a></li>
                      <li><a href="#">Salon de actos</a></li>
                </ul></li>
   	<li><a href="#">Instalaciones Comerciales</a>
        	<ul>
            	      <li><a href="#">Estanterias</a></li>
                      <li><a href="#">Mostradores</a></li>
                      <li><a href="#">Muebles caja</a></li>
                      <li><a href="#">Registradoras y TPV</a></li>
               </ul></li>
   	<li><a href="#">Reformas Integrales y Proyectos</a></li>
</ul>
francisco1 · · Solicitar retirada
Hola Negoc mira esta forma de hacerlo solo la deves adaptar al tuyo.

html

 
</html> 
<head> 
</head> 
<body> 
<div id="div_a"> 
<a href="#">Enlace</a> 
<div id="div_b"> 
<a href="#">Enlace 1</a><br /><a href="#">Enlace2</a> 
</div> 
</div> 
</body> 
</html>


css 
  
#div_b { 
visibility: hidden; 
background-color: magenta; 
} 
#div_a:hover #div_b { 
visibility: visible; 
} 
#div_a { 
test-align: center; 
width: 150px; 
height: 30px; 
background-color: red; 
}