Re: [Ovillo] problemas menú horizontal con listas

Wed, 16 May 2007 03:15:18 -0700 

Yo metería toda la lista de pestañas en un div con anchura fija.

# contenedor{
width: 1000px;
}


----- Original Message ----- 
From: "MANUEL MEDINA" <[EMAIL PROTECTED]>
To: <ovillo@lists.ovillo.org>
Sent: Wednesday, May 16, 2007 10:38 AM
Subject: [Ovillo] problemas menú horizontal con listas


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

_______________________________________________
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