Buenas estoy intentando meter dentro de un boton que esta dentro de una lista un efecto light box pero me esta resultando imposible ya que no aparece al tamaño que deseo. Este es el codigo que estoy utilizando:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>menu css</title>
<style type="text/css">
ul.menu_color2
{
list-style:none;
}
ul.menu_color2 li
{
display:block;
position:relative;
padding:1px 5px;
background:#FFFFFF;
width:80px;
}
ul.menu_color2 ul
{
position:absolute;
left:51px;
top:-1px;
display:none;
list-style:none;
}
ul.menu_color2 > li > ul
{
position:absolute;
left:-41px;
top:19px;
display:none;
list-style:none;
}
ul.menu_color2 li:hover
{
background:#FFFFFF;
border-right:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
}
ul.menu_color2 li:hover > ul
{
display:block;
}
ul.menu_color2 > li
{
display:inline;
}
#boton3 {
position:absolute;
left:2px;
top:4px;
width:166px;
height:60px;
z-index:1;
}
.fadebox {
display: none;
position: absolute;
top: 100%;
left: 100%;
width: 100%;
height: 884px;
background-color: black;
z-index:1001;
-moz-opacity: 0.8;
opacity:.80;
filter: alpha(opacity=80);
}
.overbox {
display: none;
position: absolute;
top: 400;
left: 400;
width:100%;
height: 100%;
z-index:200;
overflow: auto;
}
</style>
<script type="text/javascript">
function showLightbox3() {
document.getElementById('over3').style.display='bl ock';
document.getElementById('fade3').style.display='bl ock';
}
function hideLightbox3() {
document.getElementById('over3').style.display='no ne';
document.getElementById('fade3').style.display='no ne';
}
</script>
</head>
<body>
<ul class="menu_color2">
<li>opcion 1
<ul>
<li></li><a href="javascript:showLightbox3();"><img src="../Foro del Cambio/imagenes/Botones/Index/web/quienorganiza1.png" alt="quien organiza" border="0" /></a><div id="over3" class="overbox">
<div id="content">
<h2 class="Estilo3"><center>¿QUE ÉS?</center></h2>
<b>Del Cambio Individual al Cambio Grobal: Desde Mí, Para Ti, Por Todos</b> es una Acción Integral de Sensabilización que se edifica en torno al proceso de transformación que se ha de iniciar de una forma CONSCIENTE desde interior de la persona, para repercutir directamente en su entorno y así provocar cambios y sinergias grobales.
<p></p>
Una metáfora ilustrativa sería el ver a la persona como una gota de agua que cuando cae en un lago de aguas tranquilas, dibuja a su alrededor una serie de ondas, de círculos concéntricos, que necesariamente influyen en el estado general del lugar en el que ha caído, que incluso puede cambiar el destino de sus habitantes...
<p></p>
Realizaremos <b>tres radios de acción del cambio social deseado</b> en forma de encuentros:
<p></p>
<b>1.Desde Mí - La Persona</b> como origen y eje del cambio, como objetivo principal de éste.
<p></p>
<b>2.Para Ti - La Persona y su Entorno</b>, la capacidad de crear cambios a través de asociaciones, organizaciones,etc. que trabajan para cambios concretos, tanto locales como más allá de sus propias fronteras, de una manera directa.
<p></p>
<b>3.Por Todos - La Persona en el Mundo</b>. Los nuevos movimientos globales mundiales como presente y futuro en la reflexión global sobre el rumbo del cambio, que están haciendo posible un nuevo concepto de identificación con aquel que nos conocemos y quizá no veamos nunca y que aun así, sabemos cercano(Los Foros Sociales Mundiales, las nuevas tecnologías de la comunicación...).<a href="javascript:hideLightbox3();"><p><center>CERR AR</center></p></a></div>
</div>
<div id="fade3" class="fadebox"> </div>
</ul>
</li>
</ul>
</body>
</html>
