Foros del Web » Creando para Internet » CSS »

Página con marcos corta mi menú

Estas en el tema de Página con marcos corta mi menú en el foro de CSS en Foros del Web. Hola, tengo esta página: Código PHP: < html >     < head >         < title ></ title >         < meta http - equiv = "Content-Type"  content = ...
  #1 (permalink)  
Antiguo 07/04/2014, 22:44
Avatar de asus090102  
Fecha de Ingreso: mayo-2012
Ubicación: Ensenada- Buenos Aires
Mensajes: 67
Antigüedad: 11 años, 11 meses
Puntos: 1
Página con marcos corta mi menú

Hola, tengo esta página:
Código PHP:
<html>
    <
head>
        <
title></title>
        <
meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </
head>
    <
frameset rows="60,*" cols="*" frameborder="no" border="0" framespacing="0">
        <
frame src="top.php" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" />
    <
frameset cols="213,*" frameborder="no" border="0" framespacing="0">
            <
frame src="izquierda.php" name="leftFrame" scrolling="No" noresize="noresize" id="leftFrame" title="leftFrame" />
    <
frameset cols="*" frameborder="no" border="0" framespacing="0"  scrolling="yes">  
            <
frame src="iniciologo.php" name="mainFrame" id="mainFrame" title="mainframe" />
        </
frameset>
    </
frameset>
</
frameset

y la izquierda.php tiene este menú:

Código PHP:
<?php
include("seguridad.php");
include (
"conexion.php");

if ( 
$_SESSION["estado"] != '1')
header("location:salir.php");
?>
<!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>izquierda</title>
        <style type="text/css">
            body {
                background-color: #009c3c;
            }
        @charset 'UTF-8';

#cssmenu > ul {
  list-style: none;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  line-height: 1;
}

#cssmenu > ul {
  display: block;
  position: relative;
  width: 150px;

}
#cssmenu > ul li {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
}

#cssmenu > ul li a {
  /* Layout */

  display: block;
  position: relative;
  margin: 0;
  border-top: 1px dotted #3a3a3a;
  border-bottom: 1px dotted #1b1b1b;
  padding: 11px 20px;


  font-family: Helvetica, Arial, sans-serif;
  color: #d8d8d8;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: 0 1px 1px #000;
  font-size: 13px;
  font-weight: 300;


  background: #282828;
}

#cssmenu > ul li:first-child > a {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-top: 0;
}

#cssmenu > ul li:last-child > a {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom: 0;
}

#cssmenu > ul li > a:hover,
#cssmenu > ul li:hover > a {
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  background: #54cdf1;
  background: -webkit-linear-gradient(#72d4f2, #54cdf1);
  background: -moz-linear-gradient(#72d4f2, #54cdf1);
  background: linear-gradient(#72d4f2, #54cdf1);
  border-color: transparent;
}

#cssmenu > ul .has-sub > a::after {
  content: '';
  position: absolute;
  top: 16px;
  right: 10px;
  width: 0px;
  height: 0px;


  border: 4px solid transparent;
  border-left: 4px solid #d8d8d8;
}

#cssmenu > ul .has-sub > a::before {
  content: '';
  position: absolute;
  top: 17px;
  right: 10px;
  width: 0px;
  height: 0px;


  border: 4px solid transparent;
  border-left: 4px solid #000;
}

#cssmenu > ul li > a:hover::after,
#cssmenu > ul li:hover > a::after {
  border-left: 4px solid #ffffff;
}
#cssmenu > ul li > a:hover::before,
#cssmenu > ul li:hover > a::before {
  border-left: 4px solid rgba(0, 0, 0, 0.3);
}

#cssmenu > ul ul {
  position: absolute;
  left: 100%;
  top: -9999px;
  padding-left: 5px;
  opacity: 0;
  width: 140px;


  -webkit-transition: opacity 0.3s ease-in;
  -moz-transition: opacity 0.3s ease-in;
  transition: opacity 0.3s ease-in;
}
#cssmenu > ul li:hover > ul {
  top: 0px;
  opacity: 1;
}
        </style>
    </head>
    <body>
<tr><td>
<div id='cssmenu'>
<ul>
   <li class='active'><a href='index.html'><span>Inicio</span></a></li>
   <li class='has-sub'><a href='#'><span>Profesionales</span></a>
      <ul>
         <li class='has-sub'><a href='altap.php'><span>Alta</span></a>
            </li>
         <li class='has-sub'><a href='modifp.php'><span>Modificar</span></a>
            </li>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>OP 4033</span></a>
      <ul>
         <li class='has-sub'><a href='alta4033.php'><span>Alta</span></a>
            </li>
         <li class='has-sub'><a href='modif4033.php'><span>Modificar</span></a>
            </li>
      </ul>
   </li>
   
   <li class='has-sub'><a href='#'><span>Denuncia</span></a>
      <ul>
         <li class='has-sub'><a href='altad.php'><span>Alta</span></a>
            </li>
         <li class='has-sub'><a href='modifd.php'><span>Modificar</span></a>
            </li>
      </ul>
   </li>
   
   <li class='has-sub'><a href='#'><span>Oficio</span></a>
      <ul>
         <li class='has-sub'><a href='altao.php'><span>Alta</span></a>
            </li>
         <li class='has-sub'><a href='modifo.php'><span>Modificar</span></a>
            </li>
      </ul>
   </li>
   <li><a href='salir.php'><span>Cerrar Sesion</span></a></li>
   
</ul>
</div>
</td></tr>
</body>
</html>
El tema está en que se me corta el submenu bajo el mainframe.
Alguien sabe como hacer para que cuando se despliegue pase por arriba de ese marco sin que deje de verse?
Desde ya muchas gracias.

Etiquetas: background, color, corta, hover, html, marcos, página
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 10:15.