Jump to content

problema con el diseño de una pagina web


Recommended Posts

hola estoy diseñando una pagina web y tengo unos problemas:

1.- en el menu horisontal que e creado en la opcion de diseño me tira un error de scrip (linea 13 caracter 4), pero no se cual es el atao, ademas el segundo item que es historia esta estructurado de la misma forma.

2.- en el momento q suelto el puntero de una opcion del menu se me desaparace el sub menu... me dijieron q eso se solucuiona con capas pero no tengo la menor idea de como se crean

3.- por ultimo como le otorgo la una pocicion al sub menu que quede por debajo del menu... porque en este moneto me queda flotando en cualquier parte

 

 

 

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

<html>

<head>

<title>Pagina Principal</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Untitled Document</title>

<script>

var contador;

function ver(ide,visible,submenu)

{

obj = document.getElementById(ide);

if(visible)

obj.style.display ='block';

else

obj.style.display ='none';

}

</script>

<link

rel="stylesheet"

href="estilos.css"

type="text/css"

media="all">

</head>

<body>

<bgsound src="C:\Users\Gonzalo\Desktop\mis-paginas-web\web-ejemplo-cctw\objetos\musica.mp3" loop="true">

<p><div align=center><img src="objetos/titulo.png" width="300px" height="160px"

<div align=left><img src="objetos/titulo2.png" width="600px" height="130px"</p>

<p></br>

<!--Menu principal-->

<div align=center><div id="menup">

<table>

<tr>

<td class="mProductos"><a href="#" onMouseOut="ver('sProductos',false); return false" onMouseOver="ver('sProductos',true); return false" >Productos</a></td>

<td class="mHistoria"><a href="#" onMouseOut="ver('sHistoria',false,false); return false" onMouseOver="ver('sHistoria',true,true); return false">Historia</a></td>

<td class="mDiseño"><a href="#" onMouseOut="ver('sDiseño',false,false); return false" onMouseOver="ver('Diseño',true,true); return false">Diseño</a></td>

</tr>

</table>

 

<!--SubMenu Productos-->

<div id="sProductos" onMouseOut="ver('sProductos',false); return false" onMouseOver="ver('sProductos',true); return false" style="display:none;position:absolute; top:0px;">

<table>

<tr><td onMouseOut="ver('ssFalda',false); return false" onMouseOver="ver('ssFalda',true); return false">

<a href="C:\Users\Gonzalo\Desktop\mis-paginas-web\web-ejemplo-cctw\objetos\falda.png"target="_blank">Falda</a></div></td></tr>

<tr><td onMouseOut="ver('ssPantalon',false); return false" onMouseOver="ver('ssPantalon',true); return false">

<a href="C:\Users\Gonzalo\Desktop\mis-paginas-web\web-ejemplo-cctw\objetos\pantalon.png"target="_blank">Pantalon</a></td></tr>

<tr><td onMouseOut="ver('ssParka',false); return false" onMouseOver="ver('ssParka',true); return false">

<a href="C:\Users\Gonzalo\Desktop\mis-paginas-web\web-ejemplo-cctw\objetos\parka.png"target="_blank">Parka</a></td></tr>

<tr><td onMouseOut="ver('ssPolar',false); return false" onMouseOver="ver('ssPolar',true); return false">

<a href="C:\Users\Gonzalo\Desktop\mis-paginas-web\web-ejemplo-cctw\objetos\polar.png"target="_blank">Polar</a></td></tr>

<tr><td onMouseOut="ver('ssPolera manga corta',false); return false" onMouseOver="ver('ssPolera manga corta',true); return false">

<a href="C:\Users\Gonzalo\Desktop\mis-paginas-web\web-ejemplo-cctw\objetos\polera manga corta.png"target="_blank">Polera manga corta</a></td></tr>

<tr><td onMouseOut="ver('ssPolera manga larga',false); return false" onMouseOver="ver('ssPolera manga larga',true); return false">

<a href="C:\Users\Gonzalo\Desktop\mis-paginas-web\web-ejemplo-cctw\objetos\polera pique manga larga.png"target="_blank">Polera manga larga</a></td></tr>

<tr><td onMouseOut="ver('ssPolera pique manga corta',false); return false" onMouseOver="ver('ssPolera pique manga corta',true); return false">

<a href="C:\Users\Gonzalo\Desktop\mis-paginas-web\web-ejemplo-cctw\objetos\polera pique manga corta.png"target="_blank">Polera pique manga corta</a></td></tr>

<tr><td onMouseOut="ver('ssPolera pique manga larga',false); return false" onMouseOver="ver('ssPolera pique manga larga',true); return false">

<a href="C:\Users\Gonzalo\Desktop\mis-paginas-web\web-ejemplo-cctw\objetos\polera pique manga larga.png"target="_blank">Polera pique manga larga</a></td></tr>

<tr><td onMouseOut="ver('ssPolerones',false); return false" onMouseOver="ver('ssPolerones',true); return false">

<a href="C:\Users\Gonzalo\Desktop\mis-paginas-web\web-ejemplo-cctw\objetos\poleron.png"target="_blank">Polerones</a></td></tr>

<tr><td onMouseOut="ver('ssSweter',false); return false" onMouseOver="ver('ssSweter',true); return false">

<a href="C:\Users\Gonzalo\Desktop\mis-paginas-web\web-ejemplo-cctw\objetos\pantalon.png"target="_blank">Sweter</a></td></tr>

</table>

</div>

<div id="sHistoria" onMouseOut="ver('sHistoria',false); return false" onMouseOver="ver('sHistoria',true); return false" style="display:none;position:absolute; left:75px; top:30px;">

<table>

<tr><td onMouseOut="ver('ssNuestra Historia',false); return false" onMouseOver="ver('ssNuestra Historia',true); return false"><a href="#">Nuestra historia</a></td></tr>

</table>

</div>

<div id="sDiseño" onMouseOut="ver('sDiseño',false); return false" onMouseOver="ver('sDiseño',true); return false" style="display:none;position:absolute; rigt:20px; top:30px;">

<table>

<tr><td onMouseOut="ver('ssDiseña tu ropa',false); return false" onMouseOver="ver('ssDiseña tu ropa',true); return false"><a href="#">Instrucciones</a></td></tr>

<tr><td onMouseOut="ver('ssDiseña tu ropa',false); return false" onMouseOver="ver('ssDiseña tu ropa',true); return false"><a href="#">Descarga</a></td></tr>

</table>

</div>

</div>

</br>

<a></a><img src="objetos/16.png" width="770px" height="500px"

<p><embed src="C:\Users\Gonzalo\Desktop\mis-paginas-web\web-ejemplo-cctw\objetos\pelicula.avi" loop="true" width="770px" height="500px"></p>

<p><div align=left><img src="objetos/15.png" width="1540px" height="50px"></p>

<div align=right>

<a href="mailto:[email protected]">

<img src="objetos/18.GIF" width="210px" height="80px"</a>

</body>

</html>

 

 

porfabor ayudenme gracias salu2

Link to comment
Share on other sites

Veo varios errores en tu codigo.

 

Para empezar, en la funcion "ver" estas pidiendo tres parámetros (ide, visible y submenu) pero al momento de enviar los parámetros solo le envías dos.

 

Segundo, estas llamando a un objeto con ID "ide" que no existe, esto es en la siguiente linea:

obj = document.getElementById(ide);

 

Ahora, por lo que veo a esa variable obj quieres asignarle lo que se envia desde el evento "onMouseOver" por lo que lo unico que deberias hacer es:

 

var obj=ide;

 

See yah.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...