[Ovillo] lista con backgrounds complejos
Hola a todos, Tengo un cliente que ha diseñado un web con unos menús que tiene un background un tanto complejo. Mi idea es montarlo con dos backgrounds con el concepto 'sliding doors' pero de forma vertical. Lo que yo quiero es que el background se adapte verticalmente siempre independientemente del tamaño del texto dentro. Lo he conseguido para IE7 y Firefox, pero no para IE6. Me genera una distancia demasiado grande entre los items (debería ser de 3px). Llevo ya rato con esto y no salgo con la solución, algún experto de la lista me puede ayudar. Se puede ver en: http://www.sentinia.com/projectes/test_nav1.html Muchas gracias, Jordi - You snooze, you lose. Get messages ASAP with AutoCheck in the all-new Yahoo! Mail Beta. ___ 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] lista con backgrounds complejos
añade esto en el head:
!--[if IE 6]
style type=text/css
#navPrincipal li{
display:block;
line-height:1em;
height:1em;
padding:0;
}
/style
![endif]--
Saludos...
El día 16/05/07, Jordi Ferrer [EMAIL PROTECTED] escribió:
Hola a todos,
Tengo un cliente que ha diseñado un web con unos menús que tiene un
background un tanto complejo.
Mi idea es montarlo con dos backgrounds con el concepto 'sliding doors'
pero de forma vertical. Lo que yo quiero es que el background se adapte
verticalmente siempre independientemente del tamaño del texto dentro. Lo he
conseguido para IE7 y Firefox, pero no para IE6. Me genera una distancia
demasiado grande entre los items (debería ser de 3px). Llevo ya rato con
esto y no salgo con la solución, algún experto de la lista me puede ayudar.
Se puede ver en: http://www.sentinia.com/projectes/test_nav1.html
Muchas gracias,
Jordi
-
You snooze, you lose. Get messages ASAP with AutoCheck
in the all-new Yahoo! Mail Beta.
___
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
--
Juan Jorge Muñoz Herrero
http://www.taarq.com
(0034) 635 10 7142
___
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] lista con backgrounds complejos
Se me olvidó decirte, añadelo después de dlecarar los otros estilos, para
que no se machaquen, te quedaría así más o menos...
head
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
titleUntitled Document/title
style type=text/css
!--
#navPrincipal {
width:216px;
font-size:90%;
line-height: normal;
}
#navPrincipal ul{
list-style-type: none;
margin:0;
padding:0;
}
#navPrincipal li{
margin:0;
padding:3px 0 0 0;
}
#navPrincipal a {
background:url(http://www.sentinia.com/projectes/top.jpg) no-repeat
left top;
margin:0;
padding:0;
text-decoration:none;
color:#FF;
display:block;
}
#navPrincipal a span {
display:block;
background:url(http://www.sentinia.com/projectes/bot.jpg) no-repeat
left bottom;
padding:3px 0 3px 2em;
color:#fff;
}
--
/style
!--[if IE 6]
style type=text/css
#navPrincipal li{
display:block;
line-height:1em;
height:1em;
padding:0;
}
/style
![endif]--
/head
Saludos de nuevo.
PD:Perdón a la lista por tener que escribir dos mails para una sola cosa...
El día 16/05/07, Juan Jorge Muñoz Herrero [EMAIL PROTECTED] escribió:
añade esto en el head:
!--[if IE 6]
style type=text/css
#navPrincipal li{
display:block;
line-height:1em;
height:1em;
padding:0;
}
/style
![endif]--
Saludos...
El día 16/05/07, Jordi Ferrer [EMAIL PROTECTED] escribió:
Hola a todos,
Tengo un cliente que ha diseñado un web con unos menús que tiene un
background un tanto complejo.
Mi idea es montarlo con dos backgrounds con el concepto 'sliding doors'
pero de forma vertical. Lo que yo quiero es que el background se adapte
verticalmente siempre independientemente del tamaño del texto dentro. Lo he
conseguido para IE7 y Firefox, pero no para IE6. Me genera una distancia
demasiado grande entre los items (debería ser de 3px). Llevo ya rato con
esto y no salgo con la solución, algún experto de la lista me puede ayudar.
Se puede ver en: http://www.sentinia.com/projectes/test_nav1.html
Muchas gracias,
Jordi
-
You snooze, you lose. Get messages ASAP with AutoCheck
in the all-new Yahoo! Mail Beta.
___
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
--
Juan Jorge Muñoz Herrero
http://www.taarq.com
(0034) 635 10 7142
--
Juan Jorge Muñoz Herrero
http://www.taarq.com
(0034) 635 10 7142
___
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] lista con backgrounds complejos
Bueno, de entrada el problema es que no interpreta bien las cajas y en
general: nada. En este caso no se si es por los valores por defecto del
navegador o por qué (en height y line-height), y lo de ajustarle el padding
a 0 es para que no le quite espacio, ya que en vez de aumentar espacio
metiendo relleno, crea relleno quitando espacio.
Los condicionales lo único que hacen es que permiten a IE ver lo que otros
navegadores no ven, así que todo lo que metas dentro lo verá IE, así que
puedes crear tu estilos_ie.css tranquilamente y hacer la llamada dentro del
condicional.
El día 16/05/07, Jordi Ferrer [EMAIL PROTECTED] escribió:
Ostras, muy bueno!
Entonces, para que lo entienda, ¿qual es el problema que tiene IE6?
Por cierto, se pueden poner los condicionales dentro de un arxivo css, es
decir, por ejemplo 'misestilos.css'?
Muchas gracias de nuevo,
Jordi
Juan Jorge Muñoz Herrero [EMAIL PROTECTED] wrote: Se me olvidó decirte,
añadelo después de dlecarar los otros estilos, para
que no se machaquen, te quedaría así más o menos...
Untitled Document
#navPrincipal {
width:216px;
font-size:90%;
line-height: normal;
}
#navPrincipal ul{
list-style-type: none;
margin:0;
padding:0;
}
#navPrincipal li{
margin:0;
padding:3px 0 0 0;
}
#navPrincipal a {
background:url(http://www.sentinia.com/projectes/top.jpg)
no-repeat
left top;
margin:0;
padding:0;
text-decoration:none;
color:#FF;
display:block;
}
#navPrincipal a span {
display:block;
background:url(http://www.sentinia.com/projectes/bot.jpg)
no-repeat
left bottom;
padding:3px 0 3px 2em;
color:#fff;
}
--
#navPrincipal li{
display:block;
line-height:1em;
height:1em;
padding:0;
}
Saludos de nuevo.
PD:Perdón a la lista por tener que escribir dos mails para una sola
cosa...
El día 16/05/07, Juan Jorge Muñoz Herrero escribió:
añade esto en el head:
#navPrincipal li{
display:block;
line-height:1em;
height:1em;
padding:0;
}
Saludos...
El día 16/05/07, Jordi Ferrer [EMAIL PROTECTED] escribió:
Hola a todos,
Tengo un cliente que ha diseñado un web con unos menús que tiene un
background un tanto complejo.
Mi idea es montarlo con dos backgrounds con el concepto 'sliding
doors'
pero de forma vertical. Lo que yo quiero es que el background se
adapte
verticalmente siempre independientemente del tamaño del texto dentro.
Lo he
conseguido para IE7 y Firefox, pero no para IE6. Me genera una
distancia
demasiado grande entre los items (debería ser de 3px). Llevo ya rato
con
esto y no salgo con la solución, algún experto de la lista me puede
ayudar.
Se puede ver en: http://www.sentinia.com/projectes/test_nav1.html
Muchas gracias,
Jordi
-
You snooze, you lose. Get messages ASAP with AutoCheck
in the all-new Yahoo! Mail Beta.
___
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
--
Juan Jorge Muñoz Herrero
http://www.taarq.com
(0034) 635 10 7142
--
Juan Jorge Muñoz Herrero
http://www.taarq.com
(0034) 635 10 7142
___
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
-
Pinpoint customers who are looking for what you sell.
___
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
--
Juan Jorge Muñoz Herrero
http://www.taarq.com
(0034) 635 10 7142
___
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] lista con backgrounds complejos
Karen, no hay saltos de línea en el archivo original que ha puesto, no me había fijado antes, pero a no ser que lo haya cambiado en el tiempo desde que tú has escrito y ahora que lo acabo de mirar, tales saltos no existen... El día 16/05/07, Karen_WmBeta [EMAIL PROTECTED] escribió: XD hola, lo unico q tenias q hacer era eliminar los saltos de linea extra q metiste entre cada elemento li, ya lo he probado modificando tu pagina y funciona para ie6, has la prueba y veras q no eran necesarias las instrucciones condicionales para ie (al menos en este caso) ANTES: lia href=http://www.bbc.com;spanItem 1/span/a/li lia href=http://www.bbc.com;spanItem 2/span/a/li DESPUES: lia href=http://www.bbc.com;spanItem 1/span/a/li lia href=http://www.bbc.com;spanItem 2/span/a/li eso es todo ;) saludos! ___ 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 -- Juan Jorge Muñoz Herrero http://www.taarq.com (0034) 635 10 7142 ___ 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] lista con backgrounds complejos
si q existen, pero no se ven, creeme, yo tampoco daba con ellos, intenta pegar tu codigo aqui y veras como aparecen, lo q puse en el parrafo de ANTES lo copie y pegue tal cual de tu codigo, aunq ahi no son evidentes, ahi estan ;) has la prueba q nada cuesta y ya veras. ___ 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] lista con backgrounds complejos
No me sale, te lo prometo. De todas formas me da que pensar que IE interprete espacios en blanco o saltos de linea que no están entre etiquetas, aunque la lógica no nos sirve de mucho para IE. Lo que sí hice fue probar a quitarle todos los tabulados, espacios y saltos de línea y abrirlo con IE, y se seguía viendo igual, así que no creo que fuera eso, la verdad... Si hacéis una copia del archivo con las modificaciones que decís (y por supuesto sin las que yo hice), que se vea bien en IE me lo creo, pero la verdad es que de momento me cuesta hacerlo. Un saludo :D El día 16/05/07, Nadia Rodríguez [EMAIL PROTECTED] escribió: si q existen, pero no se ven, creeme, yo tampoco daba con ellos, intenta pegar tu codigo aqui y veras como aparecen, lo q puse en el parrafo de ANTES lo copie y pegue tal cual de tu codigo, aunq ahi no son evidentes, ahi estan ;) has la prueba q nada cuesta y ya veras. ___ 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 -- Juan Jorge Muñoz Herrero http://www.taarq.com (0034) 635 10 7142 ___ 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] lista con backgrounds complejos
Pues la verdad es que he eliminado todos los espacios entre los tags de la lista y...es verdad, se ve bien en IE6. Pero qué cosas! Bueno, sea como sea de ambas opciones he aprendido algo, así que muchas gracias a todos! Juan Jorge Muñoz Herrero [EMAIL PROTECTED] wrote: No me sale, te lo prometo. De todas formas me da que pensar que IE interprete espacios en blanco o saltos de linea que no están entre etiquetas, aunque la lógica no nos sirve de mucho para IE. Lo que sí hice fue probar a quitarle todos los tabulados, espacios y saltos de línea y abrirlo con IE, y se seguía viendo igual, así que no creo que fuera eso, la verdad... Si hacéis una copia del archivo con las modificaciones que decís (y por supuesto sin las que yo hice), que se vea bien en IE me lo creo, pero la verdad es que de momento me cuesta hacerlo. Un saludo :D El día 16/05/07, Nadia Rodríguez escribió: si q existen, pero no se ven, creeme, yo tampoco daba con ellos, intenta pegar tu codigo aqui y veras como aparecen, lo q puse en el parrafo de ANTES lo copie y pegue tal cual de tu codigo, aunq ahi no son evidentes, ahi estan ;) has la prueba q nada cuesta y ya veras. ___ 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 -- Juan Jorge Muñoz Herrero http://www.taarq.com (0034) 635 10 7142 ___ 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 - Yahoo! oneSearch: Finally, mobile search that gives answers, not web links. ___ 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
