Re: [Ovillo] Problema con una lista
On Thu, May 22, 2008 at 9:21 PM, Ramón Corominas [EMAIL PROTECTED]
wrote:
Ya, pero eso también hace desaparecer la viñeta del li...
No la hace desaparecer... solo que está fuera de la página... Hm intentaré
hacer un dibujín es ascii.
--
|el marco dibujado es el body, o la ventana del navegador.
* |texto del li. el bullet sale más a la izquierda de la ventana del
navegador.
|
Quizás poniendo li { list-style-position: inside; } hará que lo veas, aunque
no se comporta de la misma forma en textos de más de una linea me parece
recordar. Otra opción:
body, ul,dt,dd { margin: 0; padding: 0;}
li { padding-left: 20px; } /* o margin-left */
--
Si no puedes deslumbrar con tu sabiduría,
desconcierta con tus gilipolleces
___
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] Problema con una lista
Cierto, se arregla con margin-left... Yo había probado con el padding-left y no tiraba, y el list-style-position: inside hace que vuelva a aparecer el salto de línea ¿? Gracias y un saludo, Ramón. ___ 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] Problema con una lista
Siempre que uno le da margin 0 a un ul o ol, estando a la izquierda de la
página y dentro de un body con margin 0 los bullets desaparecen.
Pero esa lista supongo que estará dentro de algún div, no sola. De todas
maneras siempre, siempre uno le tiene que dar margen a los ul's o ol's.
Asi que, vuelvo a escribir lo mismo pero con un márgen:
*
body, ul, li, dl, dt, dd {padding:0; margin:0;}
dl {width:100%;}
ul {margin: 0 0 0 40px;}*
Nacho.
2008/5/23 Ramón Corominas [EMAIL PROTECTED]:
Cierto, se arregla con margin-left... Yo había probado con el
padding-left y no tiraba, y el list-style-position: inside hace que
vuelva a aparecer el salto de línea ¿?
Gracias y un saludo,
Ramón.
___
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
--
↓ Ignacio Ricci
www.ignari.com.ar | www.ignacioricci.com.ar
___
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] Problema con una lista
Sin embargo, ahora que lo estoy viendo comparado en Explorer y Firefox,
en Explorer el punto aparece a la altura de la línea de Novedades (el
dd), mientras que en Firefox aparece a la altura de Modelo (el
dt). Realmente curioso.
Saludos,
Ramón.
Asi que, vuelvo a escribir lo mismo pero con un márgen:
*
body, ul, li, dl, dt, dd {padding:0; margin:0;}
dl {width:100%;}
ul {margin: 0 0 0 40px;}*
___
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] Problema con una lista
ul,li,dt,dd,dl{margin:0;padding:0;border:0 none white;}
Saludos!
Marc
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de David Lombardia - DeltaIdeas
Enviado el: jueves, 22 de mayo de 2008 17:26
Para: la lista de CSS en castellano Ovillo
Asunto: [Ovillo] Problema con una lista
Hola a todos!
tengo un problemilla que me está trayendo de cabeza desde hace un buen
rato. Estoy usando el siguiente código HTML (está simplificado):
ul
li class=uno
dl
dtModelo/dt
ddNovedades/dd
/dl
/li
/ul
Pues bien, me encuentro con que entre el dt y el margen superior de
la lista hay un espacio. He descubierto que se trata de un espacio de
línea que deja el li tenga o no contenido. Pues bien, quería saber
si alguno sabéis como eliminar ese espacio. Lo único que he conseguido
es que con un margen negativo del dt quedase bien posicionado pero
sólo se ve bien en Opera y Safari, mientras que en IE queda hecho un
estropicio y en Firefox más o menos tira.
A ver si me podéis echar una manilla.
Saludos,
David
___
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] Problema con una lista
Sigue quedando el espacio arriba...
El 22/05/2008, a las 17:40, Marc Palau escribió:
ul,li,dt,dd,dl{margin:0;padding:0;border:0 none white;}
___
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] Problema con una lista
Pues será un espacio en blanco, elimina los saltos de línea y los espacios
que haya entre etiquetas.
Saludos
Marc
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de David Lombardia - DeltaIdeas
Enviado el: jueves, 22 de mayo de 2008 17:43
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problema con una lista
Sigue quedando el espacio arriba...
El 22/05/2008, a las 17:40, Marc Palau escribió:
ul,li,dt,dd,dl{margin:0;padding:0;border:0 none white;}
___
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] Problema con una lista
Marc: eso no funciona, en Explorer se sigue viendo el salto...
A mí en Firefox me sale bien, y en IE he probado y parece que funciona
bien añadiendo esto:
dl {
margin-top: -1.0em;
margin-bottom: 0;
}
Eso sí, acabo de flipar, porque en IE, si hay algún espacio de
separación entre el ul y el primer li me desaparece el puntito de la
lista por arte de magia...
Saludos,
Ramón.
___
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] Problema con una lista
Estoy casi convencido que será una -mierda- de whitespace entre etiquetas.
En su momento ya me di de golpes en la cabeza con los margenes gratis que
IE pone.
A raíz del trato que dan los navegadores a los espacios en blanco entre
etiquetas (IE los 'ignora' como nodos de texto y FF y los otros los tratan
como nodos de texto) monté una función en javascript que te facilita las
cosas (sobretodo trabajando con DOM).
function ignoreWhite(node){
node.innerHTML=node.innerHTML.replace(/\\s*?\/gim,);
}
window.onload=function(){
ignoreWhite(document.body);
}
Se puede mejorar MUCHO más (llamando la función en el onload del DOM en
lugar de la página o mejorando la forma en la que se eliminan los espacios)
pero como funciona ya no me compliqué mas.
Saludos!
Marc
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Ramón Corominas
Enviado el: jueves, 22 de mayo de 2008 17:49
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problema con una lista
Marc: eso no funciona, en Explorer se sigue viendo el salto...
A mí en Firefox me sale bien, y en IE he probado y parece que funciona
bien añadiendo esto:
dl {
margin-top: -1.0em;
margin-bottom: 0;
}
Eso sí, acabo de flipar, porque en IE, si hay algún espacio de
separación entre el ul y el primer li me desaparece el puntito de la
lista por arte de magia...
Saludos,
Ramón.
___
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] Problema con una lista
Hola, Davi
David Lombardia - DeltaIdeas escribió:
tengo un problemilla que me está trayendo de cabeza desde hace un buen
rato. Estoy usando el siguiente código HTML (está simplificado):
ul
li class=uno
dl
dtModelo/dt
ddNovedades/dd
/dl
/li
/ul
Pues bien, me encuentro con que entre el dt y el margen superior de
la lista hay un espacio. He descubierto que se trata de un espacio de
línea que deja el li tenga o no contenido. Pues bien, quería saber
si alguno sabéis como eliminar ese espacio. Lo único que he conseguido
es que con un margen negativo del dt quedase bien posicionado pero
sólo se ve bien en Opera y Safari, mientras que en IE queda hecho un
estropicio y en Firefox más o menos tira.
Quizás tengas un margin:0; y sobrescribas ese margen en algún sitio
posterior de tu css. ¿Has probado lo siguiente?
ul,ul *{margin:0 !important;}
___
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] Problema con una lista
Estoy casi convencido que será una -mierda- de whitespace entre etiquetas. No es el espacio, le quité todos los espacios entre etiquetas y sigue dando el fallo... Más bien me parece que es debido a la forma de funcionamiento del li, que al anidar una lista la pone en la línea siguiente. ___ 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] Problema con una lista
Es justo eso. El tema es que unos exploradores lo ven bien y otros mal con lo que si utilizo un margen negativo se va todo al carajo. El 22/05/2008, a las 18:13, Ramón Corominas escribió: Estoy casi convencido que será una -mierda- de whitespace entre etiquetas. No es el espacio, le quité todos los espacios entre etiquetas y sigue dando el fallo... Más bien me parece que es debido a la forma de funcionamiento del li, que al anidar una lista la pone en la línea siguiente. ___ 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] Problema con una lista
Solucionado con el display:inline;
head
style type=text/css
*{margin:0;padding:0;}
li{background-color:red;display:inline;}
dt{background-color:blue;}
dd{background-color:green;}
/style
/head
body
ul
lidldtModelo/dtddNovedades/dd/dl/li
lidivhola/div/li
/ul
/body
Saludos!
Marc
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de David Lombardia - DeltaIdeas
Enviado el: jueves, 22 de mayo de 2008 18:21
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problema con una lista
Es justo eso. El tema es que unos exploradores lo ven bien y otros mal
con lo que si utilizo un margen negativo se va todo al carajo.
El 22/05/2008, a las 18:13, Ramón Corominas escribió:
Estoy casi convencido que será una -mierda- de whitespace entre
etiquetas.
No es el espacio, le quité todos los espacios entre etiquetas y sigue
dando el fallo... Más bien me parece que es debido a la forma de
funcionamiento del li, que al anidar una lista la pone en la línea
siguiente.
___
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
___
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] Problema con una lista
Est... ¿Y el puntito del li dónde se quedó? Solucionado con el display:inline; ___ 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] Problema con una lista
¿Y no te vale usar comentarios condicionales...? Algo así:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titleListas/title
!--[if IE]
style type=text/css
dl {
margin-top: -1.0em;
margin-bottom: 0;
}
/style
![endif]--
/head
body
ulli class=uno!-- sin separación para que no se vaya el punto --
dl
dtModelo/dt
ddNovedades/dd
/dl
/li
li class=dos
dl
dtModelo/dt
ddNovedades/dd
/dl
/li
/ul
/body
/html
___
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] Problema con una lista
Agreguen este CSS y sean felices.
body, ul, li, dl, dt, dd {padding:0; margin:0;}
dl {width:100%;}
:D
Browser compatibility: Firefox 2, IE6, IE7, Opera 9.
On Thu, May 22, 2008 at 1:53 PM, Ramón Corominas [EMAIL PROTECTED]
wrote:
¿Y no te vale usar comentarios condicionales...? Algo así:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titleListas/title
!--[if IE]
style type=text/css
dl {
margin-top: -1.0em;
margin-bottom: 0;
}
/style
![endif]--
/head
body
ulli class=uno!-- sin separación para que no se vaya el punto --
dl
dtModelo/dt
ddNovedades/dd
/dl
/li
li class=dos
dl
dtModelo/dt
ddNovedades/dd
/dl
/li
/ul
/body
/html
___
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
--
↓ Ignacio Ricci
www.ignari.com.ar | www.ignacioricci.com.ar
___
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] Problema con una lista
Solucionado con tu código!!
El 22/05/2008, a las 18:29, Marc Palau escribió:
Solucionado con el display:inline;
head
style type=text/css
*{margin:0;padding:0;}
li{background-color:red;display:inline;}
dt{background-color:blue;}
dd{background-color:green;}
/style
/head
body
ul
lidldtModelo/dtddNovedades/dd/dl/li
lidivhola/div/li
/ul
/body
Saludos!
Marc
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
]
En nombre de David Lombardia - DeltaIdeas
Enviado el: jueves, 22 de mayo de 2008 18:21
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problema con una lista
Es justo eso. El tema es que unos exploradores lo ven bien y otros mal
con lo que si utilizo un margen negativo se va todo al carajo.
El 22/05/2008, a las 18:13, Ramón Corominas escribió:
Estoy casi convencido que será una -mierda- de whitespace entre
etiquetas.
No es el espacio, le quité todos los espacios entre etiquetas y sigue
dando el fallo... Más bien me parece que es debido a la forma de
funcionamiento del li, que al anidar una lista la pone en la línea
siguiente.
___
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
___
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] Problema con una lista
Ya, pero eso también hace desaparecer la viñeta del li...
Agreguen este CSS y sean felices.
body, ul, li, dl, dt, dd {padding:0; margin:0;}
dl {width:100%;}
:D
Browser compatibility: Firefox 2, IE6, IE7, Opera 9.
___
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
