Hola!

Registrándote como bakuno podrás publicar, compartir y comunicarte en privado con otros bakuos :D

Regístrame ya!

[Ayuda] Botones dhtml

Kossa1029

Kossa1029

Bovino maduro
Desde
30 Nov 2008
Mensajes
373
Hola compañeros del corral me gustaria saber si alguien me pudiera ayudar a solucionar mi problema... lo que pasa es que quiero acomodar unos botones por que en lugar de imagenes puse una nueva galeria de imagenes y los menus no se despliegan los botones deverian de lucir asi al pasar el mouse

http://pruebasnader.host22.com/index.html

y esta es la nueva galeria en la que no se ven los botones desplegables como en la anterior


http://pruebasnader.host22.com/prueba/pruebagallery.html

espero que me puedan ayudar por que de vdd no eh podido desifrar el misterio xD :eolo:

aqui les pego el codigo de la galeria
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Ricardo Nader</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="styleh.css" />
<link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico" />
<script type="text/javascript" src="jquery.js"></script>
	<link rel="stylesheet" href="css/layout.css" type="text/css" media="screen" charset="utf-8" />
		<link rel="stylesheet" href="css/jd.gallery.css" type="text/css" media="screen" charset="utf-8" />
		<link rel="stylesheet" href="css/ReMooz.css" type="text/css" media="screen" charset="utf-8" />
		<script src="scripts/mootools-1.2.1-core-yc.js" type="text/javascript"></script>
		<script src="scripts/mootools-1.2-more.js" type="text/javascript"></script>
		<script src="scripts/ReMooz.js" type="text/javascript"></script>
		<script src="scripts/jd.gallery.js" type="text/javascript"></script>
<style type="text/css">
<!--
/* Reset */
ul, li {
	margin: 0;
	padding: 0;
	text-indent: 0;
}

/* Style */
ul {
	list-style: url(none) none;
}
ul li {
	display: inline;
	float: left;
	position: relative;
	width: 134px;
	margin: 0;
	height: 48;
}
ul li a {
	color: #666;
	text-decoration: none;
	font-size: 10pt;
	display: block;
	width: 134px;
	background-color: #FFF;
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-color: #C6C6C6;
}
ul li a:hover, ul li a:active {
	background-color: #CCC;
}
ul li ul {
	position: absolute;
	display: none;
	top: 48px;
}
ul li ul li {
	display: list-item;
	float: none;
	margin: 0;
}
ul li ul li a {
	font-size: 10pt;
	text-align: left;
}
-->
</style>
<script type="text/javascript">
$(document).ready(function() {
	// Muestra y oculta los menús
	$('ul li:has(ul)').hover(
		function(e)
		{
			$(this).find('ul').show();
		},
		function(e)
		{
			$(this).find('ul').hide();
		}
	);
});
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</head>

<body onLoad="MM_preloadImages('images/homenegro.png','images/cirugiareconstructivanegro.png','images/cirugiaesteticanegro.png','images/consultoriosnegro.png','images/contactonegro.png')">
<div><a href="index.html"><img src="images/logo2.png" alt="" width="625" height="131" /></a></div>
<div class="block">
  <p class="slogan">Labio y Paladar Hendido
Es un padecimiento que afecta a una gran parte de nuestra sociedad, en el que por deficiencia en el crecimiento del centro de la cara...</p>
		<ul id="menu">
			<li><a href="index.html"><img src="images/homegris.png" alt="" width="134" height="48" id="Image1" onMouseOver="MM_swapImage('Image1','','images/homenegro.png',1)" onMouseOut="MM_swapImgRestore()" /></a></li>
				
<ul>
	<li>
		<a href="cirugiarec.html"><img src="images/cirugiareconstructivagris.png" alt="" width="134" height="48" id="Image2" onMouseOver="MM_swapImage('Image2','','images/cirugiareconstructivanegro.png',1)" onMouseOut="MM_swapImgRestore()" /></a>
		<ul>
			<li><a href="lypaladar.html">Labio y Paladar Hendido</a></li>
			<li><a href="reconstruccion.html">Recontrucci&oacute;n Mamaria</a></li>
            <li><a href="reconstruccionext.html">Recontrucci&oacute;n de Extremidades</a></li>
			<li><a href="trauma.html">Trauma</a></li>

	  </ul>
  </li>
</ul>
				<ul>
                <li><a href="cirugiaestetica.html"><img src="images/cirugiaesteticagris.png" alt="" width="134" height="48" id="Image3" onMouseOver="MM_swapImage('Image3','','images/cirugiaesteticanegro.png',1)" onMouseOut="MM_swapImgRestore()" /></a>
                <ul>
	    <li><a href="rejuvfacial.html">Rejuevenecimiento Facial</a></li>
			<li><a href="rinoplastia.html">Cirugía de Nariz</a></li>
			<li><a href="relleno.html">Relleno Facial</a></li>
            <li><a href="botox.html">Botox</a></li>
            <li><a href="blefaroplastia.html">Cirugía de Párpados</a></li>
            <li><a href="aummamario.html">Aumento de Busto</a></li>
            <li><a href="redumamaria.html">Reducción de Busto</a></li>
            <li><a href="mastopexia.html">Levantamiento de Busto</a></li>
            <li><a href="cirabdomen.html">Cirugía de Abdomen</a></li>
            <li><a href="lipoesculura.html">Lipoescultura</a></li>
            <li><a href="aumdepantorrilla.html">Aumento de Pantorrilla</a></li>
            <li><a href="cirorejas.html">Cirugía de Orejas</a></li>
            <li><a href="cirmenton.html">Cirugía de Menton</a></li>
            <li><a href="aumdegluteo.html">Aumento de Gluteo</a></li>
            <li><a href="aumdepomulos.html">Aumento de Pómulos</a></li>
            <li><a href="obmorbida.html">Obesidad Morbida</a></li>
            <li><a href="prevymon.html">Prevención y Monitoreo de Cancer de Piel</a></li>
            <li><a href="aladepene.html">Alargamiento de Pene</a></li>
            <li><a href="ginecomastia.html">Ginecomastia</a></li>

	  </ul>
  </li>
</ul>
			<li><a href="consultorios.html"><img src="images/consultoriosgris.png" alt="" width="134" height="48" id="Image4" onMouseOver="MM_swapImage('Image4','','images/consultoriosnegro.png',1)" onMouseOut="MM_swapImgRestore()" /></a></li>
			<li><a href="contacto.html"><img src="images/contactogris.png" alt="" width="134" height="48" id="Image5" onMouseOver="MM_swapImage('Image5','','images/contactonegro.png',1)" onMouseOut="MM_swapImgRestore()" /></a></li>
  </ul>
</div>
	<div id='bg'>	<script type="text/javascript">
			function startGallery() {
				var myGallery = new gallery($('myGallery'), {
					timed: false,
					useReMooz: true,
					embedLinks: false
				});
			}
			window.addEvent('domready',startGallery);
		</script>
		<div class="content">
			<div id="myGallery">
				<div class="imageElement">
					<h3>Item 1 Title</h3>
					<p>Item 1 Description</p>
					<a href="images/samples2/1.jpg" title="open image" class="open"></a>
					<img src="images/samples2/1-gallery.jpg" class="full" />
					<img src="images/samples2/1-mini.jpg" class="thumbnail" />
				</div>
				<div class="imageElement">
					<h3>Item 2 Title</h3>
					<p>Item 2 Description</p>
					<a href="images/samples2/2.jpg" title="open image" class="open"></a>
					<img src="images/samples2/2-gallery.jpg" class="full" />
					<img src="images/samples2/2-mini.jpg" class="thumbnail" />
				</div>
				<div class="imageElement">
					<h3>Item 3 Title</h3>
					<p>Item 3 Description</p>
					<a href="images/samples2/3.jpg" title="open image" class="open"></a>
					<img src="images/samples2/3-gallery.jpg" class="full" />
					<img src="images/samples2/3-mini.jpg" class="thumbnail" />
				</div>
				<div class="imageElement">
					<h3>Item 4 Title</h3>
					<p>Item 4 Description</p>
					<a href="images/samples2/4.jpg" title="open image" class="open"></a>
					<img src="images/samples2/4-gallery.jpg" class="full" />
					<img src="images/samples2/4-mini.jpg" class="thumbnail" />
				</div>
                <div class="imageElement">
					<h3>Item 5 Title</h3>
					<p>Item 5 Description</p>
					<a href="images/samples2/5.jpg" title="open image" class="open"></a>
					<img src="images/samples2/5-gallery.jpg" class="full" />
					<img src="images/samples2/5-mini.jpg" class="thumbnail" />
				</div>
                <div class="imageElement">
					<h3>Item 6 Title</h3>
					<p>Item 6 Description</p>
					<a href="images/samples2/6.jpg" title="open image" class="open"></a>
					<img src="images/samples2/6-gallery.jpg" class="full" />
					<img src="images/samples2/6-mini.jpg" class="thumbnail" />
				</div>
                <div class="imageElement">
					<h3>Item 7 Title</h3>
					<p>Item 7 Description</p>
					<a href="images/samples2/7.jpg" title="open image" class="open"></a>
					<img src="images/samples2/7-gallery.jpg" class="full" />
					<img src="images/samples2/7-mini.jpg" class="thumbnail" />
				</div>
                <div class="imageElement">
					<h3>Item 8 Title</h3>
					<p>Item 8 Description</p>
					<a href="images/samples2/8.jpg" title="open image" class="open"></a>
					<img src="images/samples2/8-gallery.jpg" class="full" />
					<img src="images/samples2/8-mini.jpg" class="thumbnail" />
				</div>
                <div class="imageElement">
					<h3>Item 9 Title</h3>
					<p>Item 9 Description</p>
					<a href="images/samples2/9.jpg" title="open image" class="open"></a>
					<img src="images/samples2/9-gallery.jpg" class="full" />
					<img src="images/samples2/9-mini.jpg" class="thumbnail" />
				</div>
                <div class="imageElement">
					<h3>Item 10 Title</h3>
					<p>Item 10 Description</p>
					<a href="images/samples2/10.jpg" title="open image" class="open"></a>
					<img src="images/samples2/10-gallery.jpg" class="full" />
					<img src="images/samples2/10-mini.jpg" class="thumbnail" />
				</div>
                <div class="imageElement">
					<h3>Item 11 Title</h3>
					<p>Item 11 Description</p>
					<a href="images/samples2/11.jpg" title="open image" class="open"></a>
					<img src="images/samples2/11-gallery.jpg" class="full" />
					<img src="images/samples2/11-mini.jpg" class="thumbnail" />
				</div>
                <div class="imageElement">
					<h3>Item 12 Title</h3>
					<p>Item 12 Description</p>
					<a href="images/samples2/12.jpg" title="open image" class="open"></a>
					<img src="images/samples2/12-gallery.jpg" class="full" />
					<img src="images/samples2/12-mini.jpg" class="thumbnail" />
				</div>
                <div class="imageElement">
					<h3>Item 13 Title</h3>
					<p>Item 13 Description</p>
					<a href="images/samples2/13.jpg" title="open image" class="open"></a>
					<img src="images/samples2/13-gallery.jpg" class="full" />
					<img src="images/samples2/13-mini.jpg" class="thumbnail" />
				</div>
                <div class="imageElement">
					<h3>Item 14 Title</h3>
					<p>Item 14 Description</p>
					<a href="images/samples2/14.jpg" title="open image" class="open"></a>
					<img src="images/samples2/14-gallery.jpg" class="full" />
					<img src="images/samples2/14-mini.jpg" class="thumbnail" />
				</div>
                <div class="imageElement">
					<h3>Item 15 Title</h3>
					<p>Item 15 Description</p>
					<a href="images/samples2/15.jpg" title="open image" class="open"></a>
					<img src="images/samples2/15-gallery.jpg" class="full" />
					<img src="images/samples2/15-mini.jpg" class="thumbnail" />
				</div>
                <div class="imageElement">
					<h3>Item 16 Title</h3>
					<p>Item 16 Description</p>
					<a href="images/samples2/16.jpg" title="open image" class="open"></a>
					<img src="images/samples2/16-gallery.jpg" class="full" />
					<img src="images/samples2/16-mini.jpg" class="thumbnail" />
				</div>
                <div class="imageElement">
					<h3>Item 17 Title</h3>
					<p>Item 17 Description</p>
					<a href="images/samples2/17.jpg" title="open image" class="open"></a>
					<img src="images/samples2/17-gallery.jpg" class="full" />
					<img src="images/samples2/17-mini.jpg" class="thumbnail" />
				</div>
                <div class="imageElement">
					<h3>Item 18 Title</h3>
					<p>Item 18 Description</p>
					<a href="images/samples2/18.jpg" title="open image" class="open"></a>
					<img src="images/samples2/18-gallery.jpg" class="full" />
					<img src="images/samples2/18-mini.jpg" class="thumbnail" />
				</div>
			</div>
		</div></div>
<div id="featured">
			<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoree. <a href="#"><img src="images/arrows.gif" alt="" width="17" height="5" /></a></p>
			<p>Ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoree. <a href="#"><img src="images/arrows2.gif" alt="" width="18" height="5" /></a></p>
</div>
</div>
<div id="footer">
<p>Ricardo Nader &copy; 2009    <a href="http://www.dynamik.com.mx" target="_blank">Web Design</a> by <a href="http://www.dynamik.com.mx" target="_blank">dynamik</a></p>
</div>
<map name="Map">
          <area shape="rect" coords="698,657,792,713" href="#">
        </map>
</body>
</html>
:punzadita: de antemano mcuhas gracias:punzadita:
 
Al estar en una carpeta diferente las rutas de los archivos obviamente cambian.
 
si las rutas de los archivos cambian.. pero pues en el codigo esta los botones si linkea o no no me importa lo que me importa es que los botones se desplieguen
 
si todas las rutas son correctas y aun asi sigue sin desplegarse y si estubieran mal las rutas me mostraria de menos el texto mal acomodado.. no???
 
Kossa1029 dijo:
si todas las rutas son correctas y aun asi sigue sin desplegarse y si estubieran mal las rutas me mostraria de menos el texto mal acomodado.. no???
Click para expandir ...

No, porque el CSS lo copiaste a la nueva carpeta y es lo que está escondiendo el texto. Checa la ruta de jquery.js
 
xD no entendi bien ocea que lo unico que tengo que hacer es pasar el jquery a la carpeta prueba para que sirva??? o como esta?? xD que archivos tengo que tener para que funcione en la carpeta prueba tengo esto

Parent Directory
css/
images/
jquery.js
pruebagallery.html
scripts/
styleh.css

falta algo??
 
Si, la ruta que tienes es incorrecta. Puedes pasar los archivos, pero si ya los tienes en el directorio raíz basta con cambiar la ruta.

Hiciste lo mismo con el CSS lo copiaste a la otra carpeta cuando lo mejor hubiera sido sólamente cambiar la ruta y ocupar el mismo archivo.
 
Debes iniciar sesión o registrarte para participar.
Volver
Arriba