Foros del Web » Creando para Internet » CSS »

Menu CSS en frame, ¿cómo dejar prendido el botón?

Estas en el tema de Menu CSS en frame, ¿cómo dejar prendido el botón? en el foro de CSS en Foros del Web. Hola, tengo construido un menu en CSS para todo un sitio hecho en frames. Funciona perfecto, pero no se como dejar ahora el botón que ...
  #1 (permalink)  
Antiguo 23/09/2009, 22:18
scl
 
Fecha de Ingreso: mayo-2006
Mensajes: 4
Antigüedad: 11 años, 6 meses
Puntos: 0
Sonrisa Menu CSS en frame, ¿cómo dejar prendido el botón?

Hola, tengo construido un menu en CSS para todo un sitio hecho en frames.
Funciona perfecto, pero no se como dejar ahora el botón que se selecione en la instancia visitada, ni como lograr que el del inicio parta ya selecionado.

Por favor agradecere con el a quien me de una manito de ayuda!
Gracias. Salu2

Código del menu.html
-------------------------------------------------------------

<style type="text/css">
<!--
body {
margin:0;
padding:0;
font: bold 11px/1.5em Verdana;
background-color: #000000;
margin-top: 40px;
}

h2 {
font: bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #000;
margin: 0px;
padding: 0px 0px 0px 15px;
}

/*- Menu Tabs E--------------------------- */

#tabsE {
float:left;
width:100%;
background:#990000;
font-size:93%;
line-height:normal;

}
#tabsE ul {
margin:50;
padding:10px 10px 50 0px;
list-style:none;
}
#tabsE li {
display:inline;
margin:0;
padding:0;
}
#tabsE a {
float:left;
background:url("tableftE.gif") ;
margin:0;
padding:0 0 0 4px;
text-decoration:none;
}
#tabsE a span {
float:left;
display:block;
background:url("tabrightE.gif") no-repeat right top;
padding:5px 15px 4px 6px;
color:#FFF;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsE a span {float:none;}
/* End IE5-Mac hack */
#tabsE a:hover span {
color:#FFF;
}
#tabsE a:hover {
background-position:0% -42px;
}
#tabsE a:hover span {
background-position:100% -42px;
}

#tabsE #current a {
background-position:0% -42px;
}
#tabsE #current a span {
background-position:100% -42px;
}
-->
</style>
</head>

<body>
<ul>
<!-- CSS Tabs -->
</ul>
<div id="tabsE"><ul>
<li><a href="Inicio.html" target="paginas"><span>Inicio</span></a></li>
<li><a href="Empresa.html" target="paginas"><span>Empresa</span></a></li>
<li><a href="Servicios.html" target="paginas"><span>Servicios</span></a></li>
<li><a href="Soporte.html" target="paginas"><span>Soporte</span></a></li>
<li><a href="Consultas.html" target="paginas"><span>Consultas</span></a></li>
<li><a href="Novedades.html" target="paginas"><span>Novedades</span></a></li>
<li><a href="Contacto.html" target="paginas"><span>Contacto</span></a></li>
</ul>
</div>
</body>
</html>
  #2 (permalink)  
Antiguo 23/09/2009, 22:30
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Menu CSS en frame, ¿cómo dejar prendido el botón?

me lia tanto codigo pero segun veo tienes una ID que distingue al boton "activo" tanto como al "hover"
Código:
<ul>
<li id="current"><a href="Inicio.html" target="paginas"><span>Inicio</span></a></li>
<li><a href="Empresa.html" target="paginas"><span>Empresa</span></a></li>
<li><a href="Servicios.html" target="paginas"><span>Servicios</span></a></li>
<li><a href="Soporte.html" target="paginas"><span>Soporte</span></a></li>
<li><a href="Consultas.html" target="paginas"><span>Consultas</span></a></li>
<li><a href="Novedades.html" target="paginas"><span>Novedades</span></a></li>
<li><a href="Contacto.html" target="paginas"><span>Contacto</span></a></li>
</ul>
no entiendo diste la ID y estilo en el CSS pero no lo aplicaste en HTML??? que paso? chao y suerte

Última edición por alexk; 23/09/2009 a las 22:31 Razón: quitar el "HIGHLIGHT"
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 14:06.