Re: [Ovillo] Lista anidada - diferencia Explorer/Firefox

2005-11-07 Por tema zuri . menendez 

Porque no pruebas con estas css:

ul { list-style:square; margin:0; padding:0; border:1px solid red}
ul li { margin:0; padding:0; clear:both; margin-left:20px;}
ul li ul { list-style:circle; margin:0; padding:0; border:1px solid blue;
float:left;}
ul li ul li { margin:0; padding:0; margin-left:20px;}

Basicamente lo que he hecho ha sido flotar la lista que tienes anidada
para que
no cree ningun tipo de salto, y en los li generales he limpiado ese float.

Espero que te sirva... un saludo.


Quoting Bernat Lleonart [EMAIL PROTECTED]:


Hola

Estoy intentando montar una lista anidada, y mientras en Firefox lo
veo correctamente, en Explorer me aparece un espacio en blanco por
encima de la lista anidada, correspondiente al li que contiene esa
lista anidada. Supongo que si lo veis en un navegador lo entendereis
mejor.

¿Cómo lo podría solucionar para que en Explorer se viera como en Firefox?

Aquí va el código:

-
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
http://www.w3.org/TR/html4/strict.dtd;
html lang=ca
head
title.../title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
style type=text/css
body {
padding: 0;
margin: 0;
}

ul,li {
list-style-type: square;
margin: 0;
padding: 0;
}

li {
margin-left: 20px;
}

ul {
border: 1px solid red;
}

/*li.nobullet {
list-style-type: none;
}*/

/style
/head
body
div id=contenidor
div id=principal
ul
liLorem ipsum dolor sit amet/li
li
ul
liLorem ipsum dolor sit 
amet/li
liLorem ipsum dolor sit 
amet/li
liLorem ipsum dolor sit 
amet/li
/ul
/li
liLorem ipsum dolor sit amet/li
liLorem ipsum dolor sit amet/li
/ul
/div
/div
/body
/html
-

¡Gracias!
___
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://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://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Lista anidada - diferencia Explorer/Firefox

2005-11-07 Por tema maira 
Bernat, el problema no está en los css, sino en la estructura de la 
lista anidada.
Tienes que solucionarlo creando el nuevo ul dentro del li donde quieres 
que aparezca la lista anidada y no dentro de un nuevo li.

Abajo está el codigo y funciona perfecto.
Saludos.
Maira.

!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
http://www.w3.org/TR/html4/strict.dtd;
html lang=ca
head
   title.../title
   meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
   style type=text/css
   body {
   padding: 0;
   margin: 0;
   }
  
   ul,li {

   list-style-type: square;
   margin: 0;
   padding: 0;
   }

   li {
   margin-left: 20px;
   }

   ul {
   border: 1px solid red;
   }

   /*li.nobullet {
   list-style-type: none;
   }*/

   /style
/head
body
   div id=contenidor
   div id=principal
   ul
   liLorem ipsum dolor sit amet
   ul
   liLorem ipsum dolor sit amet/li
   liLorem ipsum dolor sit amet/li
   liLorem ipsum dolor sit amet/li
   /ul
   /li
   liLorem ipsum dolor sit amet/li
   liLorem ipsum dolor sit amet/li
   /ul
   /div
   /div
/body
/html

Bernat Lleonart wrote:


Hola

Estoy intentando montar una lista anidada, y mientras en Firefox lo
veo correctamente, en Explorer me aparece un espacio en blanco por
encima de la lista anidada, correspondiente al li que contiene esa
lista anidada. Supongo que si lo veis en un navegador lo entendereis
mejor.

¿Cómo lo podría solucionar para que en Explorer se viera como en Firefox?

Aquí va el código:

-
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
http://www.w3.org/TR/html4/strict.dtd;
html lang=ca
head
title.../title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
style type=text/css
body {
padding: 0;
margin: 0;
}

ul,li {
list-style-type: square;
margin: 0;
padding: 0;
}

li {
margin-left: 20px;
}

ul {
border: 1px solid red;
}

/*li.nobullet {
list-style-type: none;
}*/

/style
/head
body
div id=contenidor
div id=principal
ul
liLorem ipsum dolor sit amet/li
li
ul
liLorem ipsum dolor sit 
amet/li
liLorem ipsum dolor sit 
amet/li
liLorem ipsum dolor sit 
amet/li
/ul
/li
liLorem ipsum dolor sit amet/li
liLorem ipsum dolor sit amet/li
/ul
/div
/div
/body
/html
-

¡Gracias!
___
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://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://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Lista anidada - diferencia Explorer/Firefox

2005-11-07 Por tema Bernat Lleonart 
Hola Maira,

Supongo que te refieres a hacer esto:

   ul
liLorem ipsum dolor sit amet/li
ul
liLorem ipsum dolor sit 
amet/li
liLorem ipsum dolor sit 
amet/li
liLorem ipsum dolor sit 
amet/li
/ul
liLorem ipsum dolor sit amet/li
liLorem ipsum dolor sit amet/li
/ul

Ya lo había probado, pero es que así no me valida en HTML 4.01 Strict:
document type does not allow element UL here; assuming missing LI
start-tag.

Gracias de todos modos :)

2005/11/7, maira [EMAIL PROTECTED]:
 Bernat, el problema no está en los css, sino en la estructura de la
 lista anidada.
 Tienes que solucionarlo creando el nuevo ul dentro del li donde quieres
 que aparezca la lista anidada y no dentro de un nuevo li.
 Abajo está el codigo y funciona perfecto.
 Saludos.
 Maira.

 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
 http://www.w3.org/TR/html4/strict.dtd;
 html lang=ca
 head
 title.../title
 meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
 style type=text/css
 body {
 padding: 0;
 margin: 0;
 }

 ul,li {
 list-style-type: square;
 margin: 0;
 padding: 0;
 }

 li {
 margin-left: 20px;
 }

 ul {
 border: 1px solid red;
 }

 /*li.nobullet {
 list-style-type: none;
 }*/

 /style
 /head
 body
 div id=contenidor
 div id=principal
 ul
 liLorem ipsum dolor sit amet
 ul
 liLorem ipsum dolor sit amet/li
 liLorem ipsum dolor sit amet/li
 liLorem ipsum dolor sit amet/li
 /ul
 /li
 liLorem ipsum dolor sit amet/li
 liLorem ipsum dolor sit amet/li
 /ul
 /div
 /div
 /body
 /html

 Bernat Lleonart wrote:

 Hola
 
 Estoy intentando montar una lista anidada, y mientras en Firefox lo
 veo correctamente, en Explorer me aparece un espacio en blanco por
 encima de la lista anidada, correspondiente al li que contiene esa
 lista anidada. Supongo que si lo veis en un navegador lo entendereis
 mejor.
 
 ¿Cómo lo podría solucionar para que en Explorer se viera como en Firefox?
 
 Aquí va el código:
 
 -
 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
 http://www.w3.org/TR/html4/strict.dtd;
 html lang=ca
 head
title.../title
meta http-equiv=Content-Type content=text/html; 
  charset=iso-8859-1
style type=text/css
body {
padding: 0;
margin: 0;
}
 
ul,li {
list-style-type: square;
margin: 0;
padding: 0;
}
 
li {
margin-left: 20px;
}
 
ul {
border: 1px solid red;
}
 
/*li.nobullet {
list-style-type: none;
}*/
 
/style
 /head
 body
div id=contenidor
div id=principal
ul
liLorem ipsum dolor sit amet/li
li
ul
liLorem ipsum dolor sit 
  amet/li
liLorem ipsum dolor sit 
  amet/li
liLorem ipsum dolor sit 
  amet/li
/ul
/li
liLorem ipsum dolor sit amet/li
liLorem ipsum dolor sit amet/li
/ul
/div
/div
 /body
 /html
 -
 
 ¡Gracias!
 ___
 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://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://ovillo.org/mailman/listinfo/ovillo

___
Lista de distribución Ovillo
Para escribir a la lista, envia un

Re: [Ovillo] Lista anidada - diferencia Explorer/Firefox

2005-11-07 Por tema Bernat Lleonart 
Maira, tenías razón, lo he vuelto a mirar y he visto que tengo que
meter el ul anidado dentro del li, antes de cerrarlo, así:

ul
liLorem ipsum dolor sit amet
ul
liLorem ipsum dolor sit 
amet/li
liLorem ipsum dolor sit 
amet/li
liLorem ipsum dolor sit 
amet/li
/ul
/li
liLorem ipsum dolor sit amet/li
liLorem ipsum dolor sit amet/li
/ul

Así sí que funciona.

Muchas gracias.

2005/11/7, Bernat Lleonart [EMAIL PROTECTED]:
 Hola Maira,

 Supongo que te refieres a hacer esto:

ul
 liLorem ipsum dolor sit amet/li
 ul
 liLorem ipsum dolor sit 
 amet/li
 liLorem ipsum dolor sit 
 amet/li
 liLorem ipsum dolor sit 
 amet/li
 /ul
 liLorem ipsum dolor sit amet/li
 liLorem ipsum dolor sit amet/li
 /ul

 Ya lo había probado, pero es que así no me valida en HTML 4.01 Strict:
 document type does not allow element UL here; assuming missing LI
 start-tag.

 Gracias de todos modos :)

 2005/11/7, maira [EMAIL PROTECTED]:
  Bernat, el problema no está en los css, sino en la estructura de la
  lista anidada.
  Tienes que solucionarlo creando el nuevo ul dentro del li donde quieres
  que aparezca la lista anidada y no dentro de un nuevo li.
  Abajo está el codigo y funciona perfecto.
  Saludos.
  Maira.
 
  !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
  http://www.w3.org/TR/html4/strict.dtd;
  html lang=ca
  head
  title.../title
  meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
  style type=text/css
  body {
  padding: 0;
  margin: 0;
  }
 
  ul,li {
  list-style-type: square;
  margin: 0;
  padding: 0;
  }
 
  li {
  margin-left: 20px;
  }
 
  ul {
  border: 1px solid red;
  }
 
  /*li.nobullet {
  list-style-type: none;
  }*/
 
  /style
  /head
  body
  div id=contenidor
  div id=principal
  ul
  liLorem ipsum dolor sit amet
  ul
  liLorem ipsum dolor sit amet/li
  liLorem ipsum dolor sit amet/li
  liLorem ipsum dolor sit amet/li
  /ul
  /li
  liLorem ipsum dolor sit amet/li
  liLorem ipsum dolor sit amet/li
  /ul
  /div
  /div
  /body
  /html
 
  Bernat Lleonart wrote:
 
  Hola
  
  Estoy intentando montar una lista anidada, y mientras en Firefox lo
  veo correctamente, en Explorer me aparece un espacio en blanco por
  encima de la lista anidada, correspondiente al li que contiene esa
  lista anidada. Supongo que si lo veis en un navegador lo entendereis
  mejor.
  
  ¿Cómo lo podría solucionar para que en Explorer se viera como en Firefox?
  
  Aquí va el código:
  
  -
  !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
  http://www.w3.org/TR/html4/strict.dtd;
  html lang=ca
  head
 title.../title
 meta http-equiv=Content-Type content=text/html; 
   charset=iso-8859-1
 style type=text/css
 body {
 padding: 0;
 margin: 0;
 }
  
 ul,li {
 list-style-type: square;
 margin: 0;
 padding: 0;
 }
  
 li {
 margin-left: 20px;
 }
  
 ul {
 border: 1px solid red;
 }
  
 /*li.nobullet {
 list-style-type: none;
 }*/
  
 /style
  /head
  body
 div id=contenidor
 div id=principal
 ul
 liLorem ipsum dolor sit amet/li
 li
 ul
 liLorem ipsum dolor sit 
   amet/li
 liLorem ipsum dolor sit 
   amet/li
 liLorem ipsum dolor sit 
   amet/li

Re: [Ovillo] Lista anidada - diferencia Explorer/Firefox

2005-11-07 Por tema maira 

Por nada.
Me alegro haber sido útil sonrisa/
Saludos.
Mai.

Bernat Lleonart wrote:


Maira, tenías razón, lo he vuelto a mirar y he visto que tengo que
meter el ul anidado dentro del li, antes de cerrarlo, así:

ul
liLorem ipsum dolor sit amet
ul
liLorem ipsum dolor sit 
amet/li
liLorem ipsum dolor sit 
amet/li
liLorem ipsum dolor sit 
amet/li
/ul
/li
liLorem ipsum dolor sit amet/li
liLorem ipsum dolor sit amet/li
/ul

Así sí que funciona.

Muchas gracias.

2005/11/7, Bernat Lleonart [EMAIL PROTECTED]:
 


Hola Maira,

Supongo que te refieres a hacer esto:

  ul
   liLorem ipsum dolor sit amet/li
   ul
   liLorem ipsum dolor sit 
amet/li
   liLorem ipsum dolor sit 
amet/li
   liLorem ipsum dolor sit 
amet/li
   /ul
   liLorem ipsum dolor sit amet/li
   liLorem ipsum dolor sit amet/li
   /ul

Ya lo había probado, pero es que así no me valida en HTML 4.01 Strict:
document type does not allow element UL here; assuming missing LI
start-tag.

Gracias de todos modos :)

2005/11/7, maira [EMAIL PROTECTED]:
   


Bernat, el problema no está en los css, sino en la estructura de la
lista anidada.
Tienes que solucionarlo creando el nuevo ul dentro del li donde quieres
que aparezca la lista anidada y no dentro de un nuevo li.
Abajo está el codigo y funciona perfecto.
Saludos.
Maira.

!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
http://www.w3.org/TR/html4/strict.dtd;
html lang=ca
head
   title.../title
   meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
   style type=text/css
   body {
   padding: 0;
   margin: 0;
   }

   ul,li {
   list-style-type: square;
   margin: 0;
   padding: 0;
   }

   li {
   margin-left: 20px;
   }

   ul {
   border: 1px solid red;
   }

   /*li.nobullet {
   list-style-type: none;
   }*/

   /style
/head
body
   div id=contenidor
   div id=principal
   ul
   liLorem ipsum dolor sit amet
   ul
   liLorem ipsum dolor sit amet/li
   liLorem ipsum dolor sit amet/li
   liLorem ipsum dolor sit amet/li
   /ul
   /li
   liLorem ipsum dolor sit amet/li
   liLorem ipsum dolor sit amet/li
   /ul
   /div
   /div
/body
/html

Bernat Lleonart wrote:

 


Hola

Estoy intentando montar una lista anidada, y mientras en Firefox lo
veo correctamente, en Explorer me aparece un espacio en blanco por
encima de la lista anidada, correspondiente al li que contiene esa
lista anidada. Supongo que si lo veis en un navegador lo entendereis
mejor.

¿Cómo lo podría solucionar para que en Explorer se viera como en Firefox?

Aquí va el código:

-
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
http://www.w3.org/TR/html4/strict.dtd;
html lang=ca
head
 title.../title
 meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
 style type=text/css
 body {
 padding: 0;
 margin: 0;
 }

 ul,li {
 list-style-type: square;
 margin: 0;
 padding: 0;
 }

 li {
 margin-left: 20px;
 }

 ul {
 border: 1px solid red;
 }

 /*li.nobullet {
 list-style-type: none;
 }*/

 /style
/head
body
 div id=contenidor
 div id=principal
 ul
 liLorem ipsum dolor sit amet/li
 li
 ul
 liLorem ipsum dolor sit amet/li
 liLorem ipsum dolor sit amet/li
 liLorem ipsum dolor sit amet/li
 /ul
 /li
 liLorem ipsum dolor sit amet/li
 liLorem ipsum dolor sit amet/li
 /ul
 /div
 /div
/body
/html