[Ovillo] problemas menú horizontal con listas

Wed, 16 May 2007 01:39:30 -0700 

Hola,
Cuando reduzco el tamaño de la ventana del navagor las pestañas que he 
creado se bajan para abajo. ¿Qué tengo que poner para que se queden fijas 
aunque salga scroll? ¿Puedo usar lo de nowarp para las listas?
Muchas Gracias.
El ejemplo se ve:
http://www.gti.es/plantillashtm/lista.htm

Podeis copiar el html en una página en blanco:

<style type="text/css">
<!--
.pestanas {
width:99%; margin-top:20px;
}

.pestanas UL {
        PADDING-RIGHT: 0px; PADDING-LEFT: -3px; PADDING-BOTTOM: 0px; 
MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;
BACKGROUND-POSITION: 50% bottom; BACKGROUND-IMAGE: 
url(../imagenes/ficha/tpest_bg01.gif); BACKGROUND-REPEAT: repeat-x; 
}

.pestanas UL LI {
        DISPLAY: inline;
 

}
.pestanas UL LI.pest1 {
FLOAT: left; HEIGHT: 32px; background-repeat:no-repeat; TEXT-ALIGN: 
center; width:98px;
}
.pestanas UL LI.pest1 a {padding:6px 0px 0px 0px; MARGIN: 6px 3px 0px 0px; 
FONT-WEIGHT: normal; BACKGROUND: url(../imagenes/ficha/pest_on1.gif) 
no-repeat; FLOAT: left;   WIDTH: 98px; COLOR: #514d44;  HEIGHT: 32px; 
TEXT-ALIGN: center; TEXT-DECORATION: none}
.pestanas UL LI.pest1_on {padding:4px 0px 0px 0px; MARGIN: 0px 3px 0px 
0px; FONT-WEIGHT: normal; BACKGROUND: url(../imagenes/ficha/pest_sin.gif) 
no-repeat; FLOAT: left;   WIDTH: 98px; COLOR: #514d44;  HEIGHT: 40px; 
TEXT-ALIGN: center; TEXT-DECORATION: none; z-index:5px; font-weight:bold;}

.pestanas UL LI.pest1 a:HOVER {
        background-image:url(../imagenes/ficha/pest_off1.gif); 
background-repeat:no-repeat; text-decoration:none;
}
.pestanas UL LI.pest2 a {
 margin:6px 3px 0px 3px; FLOAT: left; padding:12px 0px 0px 0px; HEIGHT: 
32px; background:url(../imagenes/ficha/pest_on1.gif) no-repeat; 
TEXT-ALIGN: center; width:98px; text-decoration:none; COLOR: #514d44; 
TEXT-ALIGN: center; 
}
.pestanas UL LI.pest2 a:HOVER {
        background-image:url(../imagenes/ficha/pest_off1.gif); 
background-repeat:no-repeat; text-decoration:none;
}
-->
</style>
</head>

<body>
<div class="pestanas">
  <ul class="pestanas">
    <li class="pest1_on t11">Comprar producto</li>
    <li class="pest2 t11"><a href="fichanew1.asp" 
>Caracter&iacute;sticas</a></li>
    <li class="pest1 t11"><a href="fichanew2.asp" >Requisitos <br />
      del sistema</a></li>
    <li class="pest2 t11"><a href="#" >Garant&iacute;a</a></li>
    <li class="pest1 t11"><a href="ficha7.asp">Productos 
complementarios</a> </li>
    <li class="pest1 t11"><a href="ficha6.asp">Productos <br />
      similares</a></li>
    <li class="pest2 t11"><a href="#">Consulta on-line</a></li>
    <li class="pest2 t11"><a href="#">Valora esta ficha</a>  </li>
  </ul>
</div>
</body>
</html>

========================================================
Manuel Medina Marsilla
Diseñador
GTI Software y Networking, S.A.
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo

Responder a