[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 t11Comprar producto/li
li class=pest2 t11a href=fichanew1.asp
Caracteriacute;sticas/a/li
li class=pest1 t11a href=fichanew2.asp Requisitos br /
del sistema/a/li
li class=pest2 t11a href=# Garantiacute;a/a/li
li class=pest1 t11a href=ficha7.aspProductos
complementarios/a /li
li class=pest1 t11a href=ficha6.aspProductos br /
similares/a/li
li class=pest2 t11a href=#Consulta on-line/a/li
li class=pest2 t11a 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
Re: [Ovillo] problemas menú horizontal con listas
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 t11Comprar producto/li
li class=pest2 t11a href=fichanew1.asp
Caracteriacute;sticas/a/li
li class=pest1 t11a href=fichanew2.asp Requisitos br /
del sistema/a/li
li class=pest2 t11a href=# Garantiacute;a/a/li
li class=pest1 t11a href=ficha7.aspProductos
complementarios/a /li
li class=pest1 t11a href=ficha6.aspProductos br /
similares/a/li
li class=pest2 t11a href=#Consulta on-line/a/li
li class=pest2 t11a 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
Re: [Ovillo] problemas menú horizontal con listas
Hola listeros y andrés, pero no hay ninguna forma de ponerlo porcentual?, es para que se pueda ver en resoluciones de 800, 1200 de ancho.. Se puede poner alguna propiedad en las listas? Gracias Manuel Medina Marsilla Diseñador GTI Software y Networking, S.A. Tlf. directo: (+34) 916600940 Fax: (+34) 916779696 (Madrid) / (+34) 934099299 (Barcelona) /+351 21 949 16 09 (Lisboa) Correo-e: [EMAIL PROTECTED] Aumente su productividad, visite http://www.gti.es Este mensaje (incluido cualquier fichero anexo) se dirige exclusivamente a su destinatario y puede contener información confidencial, quedando prohibida su divulgación sin la autorización expresa del remitente. Si ha recibido este mensaje por error, le rogamos que lo comunique al remitente inmediatamente por esta misma vía y proceda a borrarlo. Recuerde que el correo electrónico no permite asegurar ni la confidencialidad de los mensajes que se transmiten ni la correcta recepción de los mismos. GTI Software y Networking, S.A. declina cualquier responsabilidad derivada de esto o cualquier alteración realizada en el mensaje tras su envío. Gracias por su colaboración. This message (including any attachment) is intended exclusively for its addressee and may contain information that is confidential so it is strictly forbidden to spread without the express order of the sender. If this message has been received in error, please immediately notify the sender via e-mail and delete it. Please note that e-mail does not guarantee the confidentiality or the proper receipt of the messages sent. GTI Software y Networking, S.A. does not accept any liability for those circumstances neither for changes made to this message after it was sent. Thank you for your collaboration. ___ 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
Re: [Ovillo] problemas menú horizontal con listas
¿Y que ocupe la pantalla completa siempre (que las pestañas se vayan separando a medida que aumente la pantalla) o simplemente que se mantenga centrado? - Original Message - From: MANUEL MEDINA [EMAIL PROTECTED] To: ovillo@lists.ovillo.org Sent: Wednesday, May 16, 2007 2:06 PM Subject: Re: [Ovillo] problemas menú horizontal con listas Hola listeros y andrés, pero no hay ninguna forma de ponerlo porcentual?, es para que se pueda ver en resoluciones de 800, 1200 de ancho.. Se puede poner alguna propiedad en las listas? Gracias Manuel Medina Marsilla Diseñador GTI Software y Networking, S.A. Tlf. directo: (+34) 916600940 Fax: (+34) 916779696 (Madrid) / (+34) 934099299 (Barcelona) /+351 21 949 16 09 (Lisboa) Correo-e: [EMAIL PROTECTED] Aumente su productividad, visite http://www.gti.es Este mensaje (incluido cualquier fichero anexo) se dirige exclusivamente a su destinatario y puede contener información confidencial, quedando prohibida su divulgación sin la autorización expresa del remitente. Si ha recibido este mensaje por error, le rogamos que lo comunique al remitente inmediatamente por esta misma vía y proceda a borrarlo. Recuerde que el correo electrónico no permite asegurar ni la confidencialidad de los mensajes que se transmiten ni la correcta recepción de los mismos. GTI Software y Networking, S.A. declina cualquier responsabilidad derivada de esto o cualquier alteración realizada en el mensaje tras su envío. Gracias por su colaboración. This message (including any attachment) is intended exclusively for its addressee and may contain information that is confidential so it is strictly forbidden to spread without the express order of the sender. If this message has been received in error, please immediately notify the sender via e-mail and delete it. Please note that e-mail does not guarantee the confidentiality or the proper receipt of the messages sent. GTI Software y Networking, S.A. does not accept any liability for those circumstances neither for changes made to this message after it was sent. Thank you for your collaboration. ___ 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
