Hola!

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

Regístrame ya!

[Ayuda] Menu dhtml

Kossa1029

Kossa1029

Bovino maduro
Desde
30 Nov 2008
Mensajes
373
Hola amigos del corral :) espero que me puedan ayudar con esto :vientos:



esta es la imagen de la web que hago http://img248.imageshack.us/img248/5692/picture2zw.png

lo que pasa es que el menu de ese boton dhtml se aparece sobre el boton y no por debajo aki les pego el codigo que tengo espero que me puedan ayudar de verdad me urge y no lo eh podido solucionar con nada y si le quito el
HTML: 
id="menu"
a
HTML: 
<ul id="menu">
ya aparece bien por debajo pero ya no puedo posicionar los botones ni con tablas ni con div ni nada :mariamagdalena: aki les pego mi codigo :metal:

<
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="style.css" />
<link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico" />
<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: 34;
}
ul li a {
	color: #CCC;
	text-decoration: none;
	font-size: 10pt;
	display: block;
	width: 134px;
	border-bottom-style: solid;
	border-bottom-width: thin;
	background-color: #FFF;
}
ul li a:hover, ul li a:active {
	background-color: #CCC;
}
ul li ul {
	position: absolute;
	display: none;
}
ul li ul li {
	display: list-item;
	float: none;
	margin: 0;
}
ul li ul li a {
	font-size: 10pt;
}
-->
</style>
<script type="text/javascript" src="jquery.js"></script>
<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();
		}
	);
});
</script>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="shortcut icon" type="image/x-icon" href="/images/favicon.ico" />
<style type="text/css">
<!--
#apDiv2 {
	position:absolute;
	left:622px;
	top:484px;
	width:180px;
	height:28px;
	z-index:2;
}
#apDiv3 {
	position:absolute;
	left:897px;
	top:486px;
	width:70px;
	height:23px;
	z-index:3;
}
-->
</style>
<script type="text/javascript">
<!--
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>
<style type="text/css">
<!--
#apDiv1 {
	position:absolute;
	left:398px;
	top:486px;
	width:205px;
	height:25px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:622px;
	top:484px;
	width:180px;
	height:28px;
	z-index:2;
}
#apDiv3 {
	position:absolute;
	left:897px;
	top:486px;
	width:70px;
	height:23px;
	z-index:3;
}
-->
</style>
</head>

<body onLoad="MM_preloadImages('images/homenegro.png','images/cirugiareconstructivanegro.png','images/cirugiaesteticanegro.png','images/consultoriosnegro.png','images/contactonegro.png')">
<div><a href="#"><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" /></a>
		<ul>
			<li><a href="#">Labio y Paladar Hendido</a></li>
			<li><a href="#">Recontrucci&oacute;n Mamaria</a></li>
			<li><a href="#">Trauma</a></li>
            <li><a href="#">Trauma</a></li>
            <li><a href="#">Trauma</a></li>
            <li><a href="#">Trauma</a></li>
            <li><a href="#">Trauma</a></li>
            <li><a href="#">Trauma</a></li>
            <li><a href="#">Trauma</a></li>
            <li><a href="#">Trauma</a></li>
            <li><a href="#">Trauma</a></li>
            <li><a href="#">Trauma</a></li>
		</ul>
  </li>
</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></li>
				<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'>
	  <table width="817" border="0">
	    <tr>
	      <th width="18" scope="col">&nbsp;</th>
	      <th width="763" scope="col"><img src="images/plecaazul2.jpg" width="761" height="25"></th>
	      <th width="22" scope="col">&nbsp;</th>
        </tr>
      </table>
	</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>
 
Mejor súbelo a alguna parte, así como que da hueva revisarlo.
 
a que te refieres con que lo suba que lo pongo en un host de prueba o algo o que lo ponga en descarga??
 
en un host de prueba mejor, para verlo funcionando
 
Prueba cambiando esto:

Código: 
ul li ul {
    position: absolute;
    display: none;
top: 48px;
}

De todos modos tu código no funciona en Internet Explorer. Mejor checa ésto.
 
no mames we eres un dios lo que yo ni los que me ayudaron pudimos hacer en una semana tu lo hiciste en menos de 5 min... muchas gracias... y tomare en cuenta la pagina que me mandaste =D
 
Debes iniciar sesión o registrarte para participar.
Volver
Arriba