image
Inicio » Foros » CSS

Foro sobre hojas de estilo CSS

centrar menu despegable

Volver al foro | Responder | Añadir nuevo tema


De: Ugaitz
Fecha: 12/10/2005
Mensaje:

Buenas, estoy intentando centrar un menu despegable y no lo consigo. Alguno me podira ayudar por favor.Soy nuevo en esto y la verdad es q necesitaria un pokito de ayuda. Gracias!
BODY {
/*margin: 0;
padding: 0;*/
text-align:center;
}

#menu {
font-family: 'Trebuchet MS', 'Lucida Grande',
Verdana, Lucida, Geneva, Helvetica,
Arial, sans-serif;
background-color: #90bade;
color: #333;
}
#menu ul {
/*padding: 0;
margin:0;*/
list-style: none;
}
#menu li {
float: left;
position: relative;
text-align:center;/*para centrar los textos de las lista principal*/
/*width: 15em;/*margen entra los elementos de la lista principal*/
}
#menu ul li {
padding: 0px 15px 5px;
/*border: 1px solid #000;*/
background-color: #2175bc;
color: #fff;
width: 9em; /*separacion entre los elementos de la lista principal*/
}
#menu li ul {
padding: 0px 15px 5px;/*con esto consigo centrar los submenus sobre el menu principal*/
display:none; /*para que los elementos de la lista no se vean. Si quitamos esta linea aparacen todos los elementos*/
position: absolute;
top: 1.6em; /*esto se pone para que la lista secundaria no se monte encima de la principal. */
left: 0;
font-size:0.8em;
}
#menu ul li ul li{
text-align:left;/*para alinear los text de los elementos de los submenus a la izquierda*/
}
#menu li a {
display: block; /*para que todos los elementos de la lista sean iguales.En bloque, si no,el menu se adapta al texto.*/
/*background-color: #2175bc;*/
color: #fff;
text-decoration: none; /*para que los vinculos no aparezcan subrayados*/
width: 100%;
}
#menu li a:hover {
/*border-left: 10px solid #1c64d1;*/
/*border-right: 10px solid #5ba3e0;*/
background-color: #2586d7;
color: #fff;
}
#menu li:hover ul, #menu li.over ul { display: block; }
/*supuestamente con esto consigo que funcione en el IE tambien.
pero parace ser q hay que cambiar algo.*/


Quizás le interese
De: victor rojas
Util para: 0 personas

Fecha: 12/05/2006
Mensaje:

solicito saber que es un menu despegable, por lo menos 2 definiciones, y si pueden decir que es el directorio predeterminado.





De: Matahi
Util para: 0 personas

Fecha: 18/05/2006
Mensaje:

Kaixo Ugaitz:

No estaría de más ver de que forma tienes estructurado tu html. Lo que planteas a priori debería resultar muy sencillo. Postea el html y trataré de responderte.




De: ***Memo***
Util para: 1 personas

Fecha: 25/05/2006
Mensaje:

Ando haciendo unas Graficas de Pay y necesito alinearlas para tener dos en cada renglón, me podrían ayudar???


<html>
<head>

<center>
<SCRIPT Language="JavaScript" src="diagram.js"></SCRIPT>
</head>
<body>
<DIV STYLE="position:absolute; top:0px"></DIV>
<SCRIPT Language="JavaScript">
P=new Array();
document.open();
P[0]=new Pie(100,240,10,80,0*3.6,10*3.6,"#ff6060");
P[1]=new Pie(100,240,0,80,10*3.6,100*3.6,"#ffa000");
//P[2]=new Pie(100,240,0,80,40*3.6,100*3.6,"#f6f600");
new Bar(200,190,280,210,"#ff6060","Apples","#000000","","void(0)","MouseOver(0)","MouseOut(0)");
new Bar(200,230,280,250,"#ffa000","Oranges","#000000","","void(0)","MouseOver(1)","MouseOut(1)");
//new Bar(200,270,280,290,"#f6f600","Bananas","#000000","","void(0)","MouseOver(2)","MouseOut(2)");
document.close();
function MouseOver(i) { P[i].MoveTo("","",10); }
function MouseOut(i) { P[i].MoveTo("","",0); }
</SCRIPT>
</center>

<DIV STYLE="position:absolute; top:0px"></DIV>
<SCRIPT Language="JavaScript">
P=new Array();
document.open();
P[0]=new Pie(100,240,10,80,0*3.6,10*3.6,"#ff6060");
P[1]=new Pie(100,240,0,80,10*3.6,100*3.6,"#ffa000");
//P[2]=new Pie(100,240,0,80,40*3.6,100*3.6,"#f6f600");
new Bar(200,190,280,210,"#ff6060","Apples","#000000","","void(0)","MouseOver(0)","MouseOut(0)");
new Bar(200,230,280,250,"#ffa000","Oranges","#000000","","void(0)","MouseOver(1)","MouseOut(1)");
//new Bar(200,270,280,290,"#f6f600","Bananas","#000000","","void(0)","MouseOver(2)","MouseOut(2)");
document.close();
function MouseOver(i) { P[i].MoveTo("","",10); }
function MouseOut(i) { P[i].MoveTo("","",0); }
</SCRIPT>


<DIV STYLE="position:absolute; top:0px"></DIV>
<SCRIPT Language="JavaScript">
P=new Array();
document.open();
P[0]=new Pie(100,240,10,80,0*3.6,10*3.6,"#ff6060");
P[1]=new Pie(100,240,0,80,10*3.6,100*3.6,"#ffa000");
//P[2]=new Pie(100,240,0,80,40*3.6,100*3.6,"#f6f600");
new Bar(200,190,280,210,"#ff6060","Zona I","#000000","","void(0)","MouseOver(0)","MouseOut(0)");
new Bar(200,230,280,250,"#ffa000","Zona II","#000000","","void(0)","MouseOver(1)","MouseOut(1)");
//new Bar(200,270,280,290,"#f6f600","Bananas","#000000","","void(0)","MouseOver(2)","MouseOut(2)");
document.close();
function MouseOver(i) { P[i].MoveTo("","",10); }
function MouseOut(i) { P[i].MoveTo("","",0); }
</SCRIPT>

<SCRIPT Language="JavaScript">
P=new Array();
document.open();
P[0]=new Pie(100,240,10,80,0*3.6,10*3.6,"#ff6060");
P[1]=new Pie(100,240,0,80,10*3.6,100*3.6,"#ffa000");
//P[2]=new Pie(100,240,0,80,40*3.6,100*3.6,"#f6f600");
new Bar(200,190,280,210,"#ff6060","Zona I","#000000","","void(0)","MouseOver(0)","MouseOut(0)");
new Bar(200,230,280,250,"#ffa000","Zona II","#000000","","void(0)","MouseOver(1)","MouseOut(1)");
//new Bar(200,270,280,290,"#f6f600","Bananas","#000000","","void(0)","MouseOver(2)","MouseOut(2)");
document.close();
function MouseOver(i) { P[i].MoveTo("","",10); }
function MouseOut(i) { P[i].MoveTo("","",0); }
</SCRIPT>


</body>
</html>

GRACIAS*





Volver al foro | Responder | Añadir nuevo tema

Quizás le interese:

WebEstilo.com no se hace responsable de las opiniones que los usuarios puedan verter en cualquiera de los foros existentes.

Si te solucionó el problema pulsa en G+1


Gracias!






Comparte



Última modificación:05 de Agosto de 2012. Spain - España.
© 1998-2004 por . Todos los derechos reservados.