Foros del Web » Creando para Internet » HTML »

3 errores a solucionar js,html y css

Estas en el tema de 3 errores a solucionar js,html y css en el foro de HTML en Foros del Web. Primer Error Código: el primero es que al dar click en un submenu del menu por segunda ves me redirecciona a file:///C:/Users/OYM/Desktop/Bios/PruebasBountyHunters/BountyHunter/Principal.html# cuando tendria que ...
  #1 (permalink)  
Antiguo 30/05/2013, 11:36
 
Fecha de Ingreso: mayo-2013
Mensajes: 14
Antigüedad: 11 años, 5 meses
Puntos: 0
Busqueda 3 errores a solucionar js,html y css

Primer Error
Código:
el primero es que al dar click en un submenu del menu por segunda ves me redirecciona a 
file:///C:/Users/OYM/Desktop/Bios/PruebasBountyHunters/BountyHunter/Principal.html# 
cuando tendria que ser denuevo a file:///C:/Users/OYM/Desktop/Bios/PruebasBountyHunters/BountyHunter/hunter.html
Segundo Error
Código:
el body de la pagina al terminar el background-image es mas largo con fondo blanco vacio

Tercer error

Código:
al abrirse el submenu si no se baja el mouse bien por el medio el menu se cierra no dejando dar click en las opciones
este es el codigo del html :
Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>BountyHunter</title>
<link href="css_bountyhunter.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.pack.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#menu a").click(function(){
var href = $(this).attr("href");
$(this).attr({ href: "#"});
$("#show").load(href);
});
});
</script>
</head>
<body>
<div class="pagina_entera"><!--  EMPIEZA DIV PAGINA ENTERA  -->
  <div class="portada"> <!--  EMPIEZA DIV PORTADA  -->
    <div class="portada_foto"></div>
    <div class="portada_flash"></div>
  </div>
  <!--  TERMINA DIV PORTADA  -->
  <div class="botonera"> <!--  EMPIEZA DIV BOTONERA CONTIENE @MENU  -->
    <ul id="menu">
      <li><a href="inicio.html">Inicio</a></li>
      <li> <a href="#">Personajes</a>
        <ul>
          <li><a href="Hunter.html">Hunter</a></li>
          <li><a href="WitchBlades.html">WitchBlade</a></li>
          <li><a href="#">Chaman</a></li>
          <li><a href="#">Guarrior</a></li>
        </ul>
      </li>
      <li> <a href="#">Armas y Armaduras</a>
        <ul>
          <li><a href="#">Mejorar</a></li>
          <li><a href="#">Nitro Cubo</a></li>
          <li><a href="#">Desencantar</a></li>
          <li><a href="#">Desvincular</a></li>
        </ul>
      </li>
      <li> <a href="#">Gremios</a>
        <ul>
          <li><a href="#">Crear Gremio</a></li>
          <li><a href="#">Habilidades</a></li>
          <li><a href="#">Buffs</a></li>
          <li><a href="#">Casa Del Gremio</a></li>
        </ul
        >
      </li>
      <li> <a href="#">Oficios</a>
        <ul>
          <li><a href="#">Sastrería</a></li>
          <li><a href="#">Metalúrgica</a></li>
          <li><a href="#">Carpintería</a></li>
          <li><a href="#">Alquimia</a></li>
          <li><a href="#">Cocina</a></li>
        </ul
        >
      </li>
      <li> <a href="#">Survivals</a>
        <ul>
          <li><a href="#">Mejorar</a></li>
          <li><a href="#">Nitro Cubo</a></li>
          <li><a href="#">Desencantar</a></li>
          <li><a href="#">Desvincular</a></li>
        </ul
        >
      </li>
      <li> <a href="#">Varios</a>
        <ul>
          <li><a href="#">Survivals</a></li>
          <li><a href="#">Sets Hells</a></li>
          <li><a href="#">Tienda Dinero Real</a></li>
        </ul
        >
      </li>
      <li> <a href="#">BountyHunters</a>
        <ul>
          <li><a href="#">Integrantes</a></li>
          <li><a href="#">Fotos</a></li>
          <li><a href="#">Desencantar</a></li>
          <li><a href="#">Desvincular</a></li>
        </ul
        >
      </li>
      <li> <a href="#">Videos e Imágenes</a>
        <ul>
          <li><a href="#">PvP</a></li>
          <li><a href="#">Jefes Dimensionales</a></li>
          <li><a href="#">Dungeons</a></li>
          <li><a href="#">Otros</a></li>
        </ul>
      </li>
      <li> <a href="#">PvP</a>
        <ul>
          <li><a href="#">Mejorar</a></li>
          <li><a href="#">Nitro Cubo</a></li>
          <li><a href="#">Desencantar</a></li>
          <li><a href="#">Desvincular</a></li>
        </ul>
      </li>
    </ul>
  </div>
  <!--  TERMINA DIV BOTONERA CONTIENE @MENU  -->
  <div class="pagina_central"> <!--  EMPIEZA DIV PAGINA CENTRAL  -->
    <div id="show" class="contenido_central" style="overflow: auto; width: 700px; height: 800px; background-color:rgba(255, 255, 255, 0.6); border: 0px solid #990000;"> <!--  EMPIEZA DIV CONTENIDO CENTRAL  --> 
    </div>
    <!--  TERMINA DIV CONTENIDO CENTRAL  -->
    <div class="botonera_vertical_der"></div>
    <div class="menu_inferior"> <!-- EMPIEZA MENU INFERIOR-->
      <ul>
        <li><a href="#">CONTACTO</a></li>
        <li><a href="#">lINKS</a></li>
        <li><a href="#">INFROMACION</a></li>
      </ul>
    </div>
    <!-- TERMINA MENU INFERIOR --> 
  </div>
  <!-- TERMINA PAGINA CENTRAL--> 
</div>
<!--  TERMINA DIV PAGINA ENTERA  -->
</body>
</html>
  #2 (permalink)  
Antiguo 30/05/2013, 11:37
 
Fecha de Ingreso: mayo-2013
Mensajes: 14
Antigüedad: 11 años, 5 meses
Puntos: 0
Respuesta: 3 errores a solucionar js,html y css

este es el del CSS
Código:
@charset "utf-8";
/* CSS Document */


body{
	max-height:1200px;
	background-image:url(images/desktop_3d_wallpaper_16x12_11020.jpg);
	background-repeat:no-repeat;
}

.pagina_entera{
	width:1000px;
	height:auto;
	margin-left: auto;
	margin-right: auto;
	
}

.portada{
	width:1000px;
	height:250px;
	background-color:#0F0;
}

.portada_foto{
	float:right;
	width:600px;
	height:250px;
	background-image:url(images/482290_4832534208365_2066548191_n.jpg);	
}

.portada_flash{
	float:left;
	width:400px;
	height:250px;
	background-image:url(images/C9-Continent-of-the-Ninth-Seal-42.jpg);
}

.pagina_central{
	width:700px;
	height:800px; /* por ahora tiene largo hasta que tenga la informacion*/
	/*background-color:#CF3;*/
	float:left;
	background-color: rgba(126, 86, 31, 0.6); /* transparencia*/
}

.contenido_central{
	width:700px;
	min-height:800px; /* por ahora tiene largo hasta que tenga la informacion*/
	/*background-color:#CF3;*/
	float:left;
	background-color: rgba(255, 255, 255, 0.6); /* transparencia*/
	margin-bottom:800px;
}

.Contenido_final{
	width:700px;
	height:800px;
	text-align:center;
	color:#FFF;
	font-size:24px;
}

.botonera_vertical_der{
	width:300px;
	height:800px;
	float:right;
	background-color: rgba(0, 126, 194, 0.6); /* transparencia*/
}

.botonera {
	margin-bottom: 20px;
}

#menu 
{ 
        width: 1000px;
		height:50px; 
        margin: 0px; 
        padding: 0px 0 0 0; 
        list-style: none; 
        background: #111; 
        background: -moz-linear-gradient(#444, #111); 
    	background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444)); 
        background: -webkit-linear-gradient(#444, #111); 
        background: -o-linear-gradient(#444, #111); 
        background: -ms-linear-gradient(#444, #111); 
        background: linear-gradient(#444, #111); 
        -moz-border-radius: 0px; /* redondear Bordes menus */
        border-radius: 0px; /* redondear Bordes menus */
        -moz-box-shadow: 0 2px 1px #9c9c9c; 
        -webkit-box-shadow: 0 2px 1px #9c9c9c; 
        box-shadow: 0 2px 1px #9c9c9c; 
} 

#menu li 
{ 
        float: left; 
        padding: 10px 10px 10px 10px; 
        position:relative;
} 

#menu a 
{ 
        float: left; 
        height: 0px;
        padding: 0 0px; 
        color: #999; 
        text-transform:none;
		font-size:17px;
        text-decoration: none; 
        text-shadow: 0 1px 0 #000;
		font:"Arial Black", Gadget, sans-serif;
} 

#menu li:hover > a 
{ 
        color: #fafafa; 
} 

*html #menu li a:hover /* IE6 */ 
{ 
        color: #fafafa; 
} 

#menu li:hover > ul 
{ 
        display: block; 
} 

/* Sub-menu */ 

#menu ul 
{ 
    list-style: none; 
    margin: 0; 
    padding: 0; 
    display: none; 
    position: absolute; 
    top: 35px; 
    left: 0; 
    z-index: 99999; 
    background: #444; 
    background: -moz-linear-gradient(#444, #111); 
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #111),color-stop(1, #444)); 
    background: -webkit-linear-gradient(#444, #111); 
    background: -o-linear-gradient(#444, #111); 
    background: -ms-linear-gradient(#444, #111); 
    background: linear-gradient(#444, #111); 
    -moz-border-radius: 10px; 
    border-radius: 10px; 
} 

#menu ul li 
{ 
    float: none; 
    margin: 0; 
    padding: 0; 
    display: block; 
    -moz-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777; 
    -webkit-box-shadow: 0 1px 0 #111111, 0 2px 0 #777777; 
    box-shadow: 0 1px 0 #111111, 0 2px 0 #777777; 
} 

#menu ul li:last-child 
{ 
    -moz-box-shadow: none; 
    -webkit-box-shadow: none; 
    box-shadow: none; 
} 

#menu ul a 
{ 
    padding: 10px; 
    height: auto; 
    line-height: 1; 
    display: block; 
    white-space: nowrap; 
    float: none; 
    text-transform: none; 
} 

*html #menu ul a /* IE6 */ 
{ 
        height: 15px; 
        width: 150px; 
} 

*:first-child+html #menu ul a /* IE7 */ 
{ 
        height: px; 
        width: 150px; 
} 

#menu ul a:hover 
{ 
    	background: #0186ba; 
        background: -moz-linear-gradient(#04acec,  #0186ba); 
        background: -webkit-gradient(linear, left top, left bottom, 	from(#04acec), to(#0186ba)); 
        background: -webkit-linear-gradient(#04acec,  #0186ba); 
        background: -o-linear-gradient(#04acec,  #0186ba); 
        background: -ms-linear-gradient(#04acec,  #0186ba); 
        background: linear-gradient(#04acec,  #0186ba); 
} 

#menu ul li:first-child a 
{ 
    -moz-border-radius: 5px 5px 0 0; 
    border-radius: 5px 5px 0 0; 
} 

#menu ul li:first-child a:after 
{ 
    content: ''; 
    position: absolute; 
    left: 30px; 
    top: -8px; 
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent; 
    border-right: 5px solid transparent; 
    border-bottom: 8px solid #444; 
} 

#menu ul li:first-child a:hover:after 
{ 
    border-bottom-color: #04acec; 
} 

#menu ul li:last-child a 
{ 
    -moz-border-radius: 0 0 5px 5px; 
    border-radius: 0 0 5px 5px; 
} 

/* Clear floated elements */ 
#menu:after 
{ 
        visibility: hidden; 
        display: block; 
        font-size: 0; 
        content: " "; 
        clear: both; 
        height: 0; 
} 

* html #menu             { zoom: 1; } /* IE6 */ 
*:first-child+html #menu { zoom: 1; } /* IE7 */ 

.pagina_central{
	width:1000px;
	height:600px;
	background-color:transparent;	
}

/*.menu_inferior{
	width:300px;
	background-color: rgba(124, 21, 90, 0.6);
	float:right;
}
.menu_inferior ul{
		margin: 5px; 
        padding: 0px 0 0 0; 
	
}

.menu_inferior ul li{
	width:70px;
	margin: 5px;
	list-style:none;
	float:left;
	text-decoration:none;
	text-align:center;
	
}*/

.menu_inferior {
	background-color: rgba(124, 21, 90, 0.6);
	width:300px;
	height: 30px;
	float:right;
	list-style:none;
}
.menu_inferior ul {
	margin: 0;
	padding-top: 0px;
}
.menu_inferior ul li {
	font-size:12px;
	float: left;
	list-style:none;
	margin:5px;
}

.menu_inferior a{
	text-decoration:none;
	text-transform:none;
	color:#FFF;
}
  #3 (permalink)  
Antiguo 30/05/2013, 11:53
Avatar de alberto510a  
Fecha de Ingreso: abril-2013
Mensajes: 351
Antigüedad: 11 años, 6 meses
Puntos: 35
Respuesta: 3 errores a solucionar js,html y css

Te conteste en el otro post de nuevo con la solución ¿para qué creas otro de nuevo?
__________________
No hay preguntas tontas, sino tontos que no preguntan.
  #4 (permalink)  
Antiguo 30/05/2013, 12:12
 
Fecha de Ingreso: mayo-2013
Mensajes: 14
Antigüedad: 11 años, 5 meses
Puntos: 0
Respuesta: 3 errores a solucionar js,html y css

estos son otros errores, el de la carga de imagenes ya lo habia solucionado u.u si esta mal que cree este borrenlo y continuo con las dudas en el anterior

Etiquetas: css, errores, javascript, link, solucionar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 00:58.