Foros del Web » Creando para Internet » CSS »

menu que se desplaza

Estas en el tema de menu que se desplaza en el foro de CSS en Foros del Web. buenas otra vez, aqui sigo a vueltas con el menu, ahora ya va haciendo lo que quiero, pero tengo un pequeño problema, os cuento, al ...
  #1 (permalink)  
Antiguo 10/04/2006, 05:19
 
Fecha de Ingreso: abril-2005
Ubicación: Santiago Compostela
Mensajes: 213
Antigüedad: 12 años, 7 meses
Puntos: 0
menu que se desplaza

buenas otra vez, aqui sigo a vueltas con el menu, ahora ya va haciendo lo que quiero, pero tengo un pequeño problema, os cuento, al tener la pagina maximizada si navego por el menu, los distintos submenues me aparezen donde quiero, el problema me surge cuando redimensiono la pagina, que me aparecen los submenues un poco desplazados, os pongo el codigo para que veais como lo tengo.
Código:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
	<TITLE>Sigremar</TITLE>
	
	<style>
	#mainMenu1 {
  background-color:#EEE;
  color: #000;
  margin: 0 0 0;
  padding: 0;
  
  z-index: 1;
  position: static;
  
}

#menuList1 {
  border: 1px solid #CCC;
  margin: 0;
  padding: 0 6px;
 
}

#menuList1 li {
 
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
  
}

#menuList1 li a {
  background-color: transparent;
  color: #000;
  display: inline;
  line-height: 1.8em;
  border: 1px solid #EEE;
  margin: 0;
  padding: 2px 10px;
  
  text-decoration: none;
}

#menuList1 li a:hover, #menuList1 li a:focus {
  background-color: #f8f8f8;
  color: #000;
  border-color: #CCC;
}


#menuList1 li a.actuator {
  width: auto; 
  
  color: #000;
  padding-right: 20px;
}

#menuList1 li a.actuator:hover, #menuList1 li a.actuator:focus {
  width/* */: auto;   
  color: #000;
}

#menuList1 .menu {
  background-color: #EEE;
  color: #000;
  border: 1px solid #CCC;
  margin: 0;
  padding: 2px; 
  z-index: 1;
  position: absolute;
  visibility: hidden;  
}

#menuList1 .menu .menu {
  margin-left: 2px;
 

#menuList1 .menu li a {
  display: block;
  line-height: normal;
}
</style>
    
	
	<script type="text/javascript" src="menuDropdown.js"></script>
   
</HEAD>

<BODY LEFTMARGIN=0 TOPMARGIN=0 background="imagenes/fondo_general.gif">
<TABLE WIDTH="760" height="450" BORDER="0" CELLSPACING="0" CELLPADDING="0" ALIGN="center">
<TR>
	<TD >
	<TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0">
		<TR>
			<TD WIDTH="100%">

			<div id="mainMenu1">
      <ul id="menuList1">
        
        <li>
          <a class="actuator" href="#">Administrador</a>
          <ul class="menu">
            <li>
              <a class="actuator" href="#">Control Usuarios</a>
              <ul class="menu">
                <li><a href="#">Alta Usurios</a></li>
                <li><a href="#">Baja Usurios</a></li>
                <li><a href="#">Cambio Usuarios</a></li>                
              </ul>
            </li>
            <li><a href="#">Handhelds and PDAs</a></li>
            <li><a href="#">Internet Cards</a></li>
            <li><a href="#">Accessories</a></li>
          </ul>
        </li>
        <li>
          <a class="actuator" href="#">Plans</a>
          <ul class="menu">
            <li><a href="#">National Rate Plans</a></li>
            <li><a href="#">Regional Rate Plans</a></li>
          </ul>
        </li>
        <li>
          <a class="actuator" href="#">Coverage</a>
          <ul class="menu">
            <li><a href="#">National Coverage</a></li>
            <li><a href="#">International Coverage</a></li>
          </ul>
        </li>
        <li>
          <a class="actuator" href="#">Company info</a>
          <ul class="menu">
            <li><a href="#">T-Mobile USA Jobs</a></li>
            <li><a href="#">Press Room</a></li>
            <li><a href="#">Investor Relations</a></li>
            <li><a href="#">Conducting Business</a></li>
			<li><a href="#">T-Mobile USA Jobs</a></li>
            <li><a href="#">Press Room</a></li>
            <li><a href="#">Investor Relations</a></li>
            <li><a href="#">Conducting Business</a></li>
			<li><a href="#">T-Mobile USA Jobs</a></li>
            <li><a href="#">Press Room</a></li>
            <li><a href="#">Investor Relations</a></li>
            <li><a href="#">Conducting Business</a></li>
			
			<li><a href="#">T-Mobile USA Jobs</a></li>
            <li><a href="#">Press Room</a></li>
            <li><a href="#">Investor Relations</a></li>
            <li><a href="#">Conducting Business</a></li>
			<li><a href="#">T-Mobile USA Jobs</a></li>
            <li><a href="#">Press Room</a></li>
            <li><a href="#">Investor Relations</a></li>
            <li><a href="#">Conducting Business</a></li>
          </ul>
        </li>
        <li>
          <a class="actuator" href="#">Help</a>
          <ul class="menu">
            <li><a href="#">Help Overview</a></li>
            <li><a href="#">Products</a></li>
            <li><a href="#">Services</a></li>
            <li><a href="#">Billing Information</a></li>
            <li><a href="#">Contacts Us</a></li>
          </ul>
        </li>
      </ul>
    </div>
			</TD>
			
		</TR>
		</TABLE>
	</TD>	
</TR>
</table>

</BODY>
</HTML>
si en las opciones de la tabla le saco el align="center" me lo hace bien, pero me coloca todo el diseño a la izquierda y yo quiero que la tabla me la muestre centrada, alguno sabe como puedo hacer para que las opciones del menu al redimensonar la pagina me aparezcan en su sitio.
un saludo.

Última edición por acrego; 10/04/2006 a las 05:46
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 07:22.