[Ovillo] problema con lista

2008-09-02 Por tema Ignacio Aguirre
Muchisisisisimos saludos

 Primera vez que les escribo, soy un buen lector de esta lista. Tengo
un problema que no he logrado solucionar.

 Mi batalla esta vez es con una lista.

 Mi intención es la de poder alinear los bullets de mi lista, sin
importar el texto que tenga cada elemento

La cosa es que la lista se alinea dentro del div según el texto que
esta contenga.

 El codigo html que tengo:


!--Modulo SITIOS DE INTERES--
div class=modulo-izquierda
div class=sitios-de-interes-tituloSitios de Interes/div
div class=sitios-de-interes
ul id=lista-sitios-de-interes
lia href=http://www.tokatas.cl; title=Tocatasun 
nombre
bin largo tralalala ujuu/a/li
lia
href=http://www.feriadelapostulacion.cl; title=Web ComercialWeb
Comercial/a/li
lia href=http://www.google.cl/;
title=gugl target=_blankgoogle/a/li
lia href=http://www.independiente.cl/;
title=asdaa target=_blankPrueba/a/li
lia href=http://www.demre.cl/;
title=DEPARTAMENTO DE EVALUACIÓN, MEDICIÓN Y REGISTRO EDUCACIONAL 
target=_blankDemre/a/li
/ul
/div
/div
-

y mi CSS:
---
.sitios-de-interes {
width:210px;
border:1px solid #000;
background:url(imagenes/modulos/fondo-muralla.jpg) top left;
}
#lista-sitios-de-interes {
list-style: none;
padding-left:10px;
}
#lista-sitios-de-interes li a:link,
#lista-sitios-de-interes li a:visited,
#lista-sitios-de-interes li a:active {
padding-left:20px;
background:url(imagenes/modulos/sitios-de-interes-bullet.png) no-repeat;
background-position:0 0;
color:#000;
font-family:Verdana, Century Gothic, Arial, Helvetica;
font-weight:bold;
font-size:10px;
text-decoration:none;
text-align:left;
}
#lista-sitios-de-interes li a:hover {
color:#006699;
}


Vaya, no logro solucionarlo. Lo he hecho con otras listas dentro o del
sitio y funciona a la perfección.

Agradecería un montón a quien  pueda darme una pista (o una solución :P)

 El sitio esta siendo montado en www.yopostulo.cl (epa, no digan nada
del logo que me OBLIGARON a ponerlo ahi)


 Gracias desde ya!


 cambio y fuera



 Ignacio Aguirre
___
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 lista

2008-09-02 Por tema Miguel Gonzalez
Hola Ignacio.

Creo que la alineación de tu lista está siendo afectada por una herencia 
desde el div que contiene a la lista.

Agrega la siguiente regla al CSS para neutralizar dicho efecto indeseado:

#lista-sitios-de-interes {text-align: left;}

¡Saludos!

Miguel González




Ignacio Aguirre escribió:
 Muchisisisisimos saludos

  Primera vez que les escribo, soy un buen lector de esta lista. Tengo
 un problema que no he logrado solucionar.

  Mi batalla esta vez es con una lista.

  Mi intención es la de poder alinear los bullets de mi lista, sin
 importar el texto que tenga cada elemento

 La cosa es que la lista se alinea dentro del div según el texto que
 esta contenga.

  El codigo html que tengo:

 
 !--Modulo SITIOS DE INTERES--
 div class=modulo-izquierda
   div class=sitios-de-interes-tituloSitios de Interes/div
   div class=sitios-de-interes
   ul id=lista-sitios-de-interes
   lia href=http://www.tokatas.cl; title=Tocatasun 
 nombre
 bin largo tralalala ujuu/a/li
 lia
 href=http://www.feriadelapostulacion.cl; title=Web ComercialWeb
 Comercial/a/li
 lia href=http://www.google.cl/;
 title=gugl target=_blankgoogle/a/li
 lia href=http://www.independiente.cl/;
 title=asdaa target=_blankPrueba/a/li
 lia href=http://www.demre.cl/;
 title=DEPARTAMENTO DE EVALUACIÓN, MEDICIÓN Y REGISTRO EDUCACIONAL 
 target=_blankDemre/a/li
   /ul
   /div
 /div
 -

 y mi CSS:
 ---
 .sitios-de-interes {
 width:210px;
 border:1px solid #000;
 background:url(imagenes/modulos/fondo-muralla.jpg) top left;
 }
 #lista-sitios-de-interes {
 list-style: none;
 padding-left:10px;
 }
 #lista-sitios-de-interes li a:link,
 #lista-sitios-de-interes li a:visited,
 #lista-sitios-de-interes li a:active {
 padding-left:20px;
 background:url(imagenes/modulos/sitios-de-interes-bullet.png) no-repeat;
 background-position:0 0;
 color:#000;
 font-family:Verdana, Century Gothic, Arial, Helvetica;
 font-weight:bold;
 font-size:10px;
 text-decoration:none;
 text-align:left;
 }
 #lista-sitios-de-interes li a:hover {
 color:#006699;
 }
 

 Vaya, no logro solucionarlo. Lo he hecho con otras listas dentro o del
 sitio y funciona a la perfección.

 Agradecería un montón a quien  pueda darme una pista (o una solución :P)

  El sitio esta siendo montado en www.yopostulo.cl (epa, no digan nada
 del logo que me OBLIGARON a ponerlo ahi)


  Gracias desde ya!


  cambio y fuera



  Ignacio Aguirre
 ___
 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 lista

2008-09-02 Por tema Ignacio Ricci
#lista-sitios-de-interes li a {display:block; text-align:left;}

Nacho.

2008/9/2 Miguel Gonzalez [EMAIL PROTECTED]

 Hola Ignacio.

 Creo que la alineación de tu lista está siendo afectada por una herencia
 desde el div que contiene a la lista.

 Agrega la siguiente regla al CSS para neutralizar dicho efecto indeseado:

 #lista-sitios-de-interes {text-align: left;}

 ¡Saludos!

 Miguel González




 Ignacio Aguirre escribió:
  Muchisisisisimos saludos
 
   Primera vez que les escribo, soy un buen lector de esta lista. Tengo
  un problema que no he logrado solucionar.
 
   Mi batalla esta vez es con una lista.
 
   Mi intención es la de poder alinear los bullets de mi lista, sin
  importar el texto que tenga cada elemento
 
  La cosa es que la lista se alinea dentro del div según el texto que
  esta contenga.
 
   El codigo html que tengo:
 
 
 
  !--Modulo SITIOS DE INTERES--
  div class=modulo-izquierda
div class=sitios-de-interes-tituloSitios de Interes/div
div class=sitios-de-interes
ul id=lista-sitios-de-interes
lia href=http://www.tokatas.cl;
 title=Tocatasun nombre
  bin largo tralalala ujuu/a/li
  lia
  href=http://www.feriadelapostulacion.cl; title=Web ComercialWeb
  Comercial/a/li
  lia href=http://www.google.cl/;
  title=gugl target=_blankgoogle/a/li
  lia href=http://www.independiente.cl/;
  title=asdaa target=_blankPrueba/a/li
  lia href=http://www.demre.cl/;
  title=DEPARTAMENTO DE EVALUACIÓN, MEDICIÓN Y REGISTRO EDUCACIONAL 
  target=_blankDemre/a/li
/ul
/div
  /div
 
 -
 
  y mi CSS:
 
 ---
  .sitios-de-interes {
  width:210px;
  border:1px solid #000;
  background:url(imagenes/modulos/fondo-muralla.jpg) top left;
  }
  #lista-sitios-de-interes {
  list-style: none;
  padding-left:10px;
  }
  #lista-sitios-de-interes li a:link,
  #lista-sitios-de-interes li a:visited,
  #lista-sitios-de-interes li a:active {
  padding-left:20px;
  background:url(imagenes/modulos/sitios-de-interes-bullet.png) no-repeat;
  background-position:0 0;
  color:#000;
  font-family:Verdana, Century Gothic, Arial, Helvetica;
  font-weight:bold;
  font-size:10px;
  text-decoration:none;
  text-align:left;
  }
  #lista-sitios-de-interes li a:hover {
  color:#006699;
  }
 
 
 
  Vaya, no logro solucionarlo. Lo he hecho con otras listas dentro o del
  sitio y funciona a la perfección.
 
  Agradecería un montón a quien  pueda darme una pista (o una solución :P)
 
   El sitio esta siendo montado en www.yopostulo.cl (epa, no digan nada
  del logo que me OBLIGARON a ponerlo ahi)
 
 
   Gracias desde ya!
 
 
   cambio y fuera
 
 
 
   Ignacio Aguirre
  ___
  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




-- 
↓۝ Ignacio Ricci
www.ignacioricci.com
___
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

[Ovillo] Problema con lista anidadas en el IE

2008-07-15 Por tema José Manuel (EB8CXW)
Hola a [EMAIL PROTECTED]:

Tengo listas anidadas, numeradas, pero no se ve bien el IE,  si en 
Firefox,  me podíais indicar como hacerlo para que se vea bien en los 
dos navegadores.  Gracias de antemano:

La página donde están las listas:  
http://www.jomaneliga.es/PaginasHTML/ECO.html
En CSS:

#contenido {

background-color: #ff ;  

margin: 0 ;

padding: 0 ;

text-align: justify ;

color: #00 ;



}

#contenido ol {margin: 1.2em 1.2em 0.05em 3.5em ; } 

.bloquedidactico{

background-color: #73f6f5 ;

margin-top: 2em ;

padding: 0.25em ;

width:35em ;

border: 0.0625em double #00 ;

font-size: 1.4em ;

font-weight: bold ; 

color: #ff ;

}

.unidaddidactica {

margin-top: 1.5em ;

font-size: 1.1em ;

font-weight: bold ; 

}


Bueno espero vuestra ayuda, gracias de antemano.
-- 
Un saludo,
José Manuel
Gran Canaria/España

Si vas a escribir.. piensa en esto:
no digas nada que no sea mas precioso que el silencio!!!




___
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 lista anidadas en el IE

2008-07-15 Por tema Ignacio Ricci
Jose Manuel, por lo que ví en tu HTML estás anidando OL's sin LI, y eso no
esta bien.

Es decir, tu html es asi:

ol
 liHola/li
 ol
 liChau/li
 /ol
/ol

Y debería ser así:

ol
 liHola/li
* li*
 ol
 liChau/li
 /ol
* /li*
/ol




2008/7/15 José Manuel (EB8CXW) [EMAIL PROTECTED]:

 Hola a [EMAIL PROTECTED]:

 Tengo listas anidadas, numeradas, pero no se ve bien el IE,  si en
 Firefox,  me podíais indicar como hacerlo para que se vea bien en los
 dos navegadores.  Gracias de antemano:

 La página donde están las listas:
 http://www.jomaneliga.es/PaginasHTML/ECO.html
 En CSS:

 #contenido {

background-color: #ff ;

margin: 0 ;

padding: 0 ;

text-align: justify ;

color: #00 ;



 }

 #contenido ol {margin: 1.2em 1.2em 0.05em 3.5em ; }

 .bloquedidactico{

background-color: #73f6f5 ;

margin-top: 2em ;

padding: 0.25em ;

width:35em ;

border: 0.0625em double #00 ;

font-size: 1.4em ;

font-weight: bold ;

color: #ff ;

 }

 .unidaddidactica {

margin-top: 1.5em ;

font-size: 1.1em ;

font-weight: bold ;

 }


 Bueno espero vuestra ayuda, gracias de antemano.
 --
 Un saludo,
 José Manuel
 Gran Canaria/España

 Si vas a escribir.. piensa en esto:
 no digas nada que no sea mas precioso que el silencio!!!




 ___
 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.ignacioricci.com
___
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 lista anidadas en el IE

2008-07-15 Por tema jop
hola Jose Manuel, como bien te dicen el problema esta en el anidamiento de
listas, entre los Li principales metes otra lista como bloque , no anidada,
de ahi que IE te pinte las listas por completo, un ejemplo muy simple lo
tienes en http://www.aulaclic.es/html/a_3_3_1.htm
pregunta a Google por listas anidadas encontraras mogollón de ejemplos.

Aunque creo que tambien deberias revisar tu Css o revisarla con mas
detenimiento,no creo que te hagan falta tantos parches como

#div-7{
visibility: visible;
background-color: transparent ; 
margin: 5em 10em 11em 3em ;
text-align: justify ;
color: #00 ;
}
htmlbody #div-7{   
margin: 5em 10em 11em 3em ; 
}
#div-8{
visibility: visible;
background-color: transparent ; 
margin: 7em 0 2em 0 ;   
text-align: justify ;
color: #00 ;
}
htmlbody #div-8{   
margin: 7em 0 2em 0 ;
}

quizas podrias poner un *!important; *en fin yo revisaria el anidado y
suerte.

Saludos
Jaume
___
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 lista anidadas en el IE

2008-07-15 Por tema José Manuel (EB8CXW)

jop escribió:
 hola Jose Manuel, como bien te dicen el problema esta en el anidamiento de
 listas, entre los Li principales metes otra lista como bloque , no anidada,
 de ahi que IE te pinte las listas por completo, un ejemplo muy simple lo
 tienes en http://www.aulaclic.es/html/a_3_3_1.htm
 pregunta a Google por listas anidadas encontraras mogollón de ejemplos.

 Aunque creo que tambien deberias revisar tu Css o revisarla con mas
 detenimiento,no creo que te hagan falta tantos parches como

 #div-7{
   visibility: visible;
   background-color: transparent ; 
   margin: 5em 10em 11em 3em ;
   text-align: justify ;
   color: #00 ;
 }
 htmlbody #div-7{ 
   margin: 5em 10em 11em 3em ; 
 }
 #div-8{
   visibility: visible;
   background-color: transparent ; 
   margin: 7em 0 2em 0 ;   
   text-align: justify ;
   color: #00 ;
 }
 htmlbody #div-8{ 
   margin: 7em 0 2em 0 ;
 }

 quizas podrias poner un *!important; *en fin yo revisaria el anidado y
 suerte.

 Saludos
 Jaume
 ___
 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

   
Hola a [EMAIL PROTECTED]:

Job, los parches son para la página principal,  porque no conseguía que 
div (que van de dos en dos) se pusieran al mismo nivel en el horizontal, 
seguro que se puede hacer mejor, pero después de hacer varias pruebas, 
de mirar en el Google (suelo utilizarlo antes de preguntar, pero en esto 
tengo un problema no me defiendo muy bien con el inglés, y la mayoría de 
las páginas de programación están en Inglés), lo que me funciono es 
poner los parches.

Volviendo al tema de mi pregunta,  indique en mi mensaje que como esta 
realizado se veía bien en Firefox,   pero en el IE  se veía mal, el  
background-color, que tengo dentro de los bloques didácticos se 
extienden a las unidades didácticas. 
Todos las etiquetas li y ol  están cerrados con su correspondiente 
/li y ol respectivamente. 
Si le quito el CSS,  se ve bien la estructura de las listas anidadas en 
html, en ambos navegadores.

La estructura de listas es la siguiente:  una lista ordenada con  10 
li , y cada uno de ellos tiene otra lista ordenada conteniendo entre 1 
y 4 li, y cada uno de estos li tiene otra lista ordenada, con varios 
li. 

*Lo que quiero es que se vea en ambos navegadores,  como se ve en Firefox.*

Espero vuestra ayuda.  y reitero mi agradecimiento, aunque lo que quiero 
no se pueda conseguir.

-- 
Un saludo,
José Manuel
Gran Canaria/España

Si vas a escribir.. piensa en esto:
no digas nada que no sea mas precioso que el silencio!!!

___
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 lista anidadas en el IE

2008-07-15 Por tema Ignacio Ricci
Amigo tenias todo mal anidado y semanticamente incorrecto. Firefox fue santo
al mostrarlo tan bien x D



Chequea este XHTML que es crossbrowser (hice solo 1 ejemplo):

div id=economia-1
div id=contenido
ol
li class=bloquedidactico
emActividad económica y sistemas económicos./em
ol
li class=unidaddidactica
emEl problema básico de la economía./em
ol
liLa economía y vida cotidiana./li
liLa escasez de recursos y la necesidad de
elegir. /li
liLos distintos tipos de necesidades./li
liLos bienes y servicios que satisfacen
necesidades./li
liCómo elegir en economía./li
liLos modelos económicos y su
lenguaje./li
/ol
/li
/ol
/li
/ol
/div
/div

-

Agregar / Modificar en el CSS:

#contenido ol {margin:1.2em 1.2em 0.05em 3.5em; list-style:decimal;}
.noBullet {list-style:none;}
.bloquedidactico {font-size:1.4em; font-weight:bold; color:#ff;
margin-top:2em;}
.bloquedidactico em {font-style:normal; background-color:#73f6f5;
padding:0.25em;
width:35em; border:0.0625em double #000;}
.bloquedidactico ol li em {background:none; border:none; padding:0;
width:auto;}
.bloquedidactico ol {color:#000; font-size:0.9em; font-weight:normal;}
.bloquedidactico ol li {font-size:1em;}
.bloquedidactico ol li ol li {font-size:0.9em;}



Aplicalo para el resto de los elementos y ya ta :D




2008/7/15 José Manuel (EB8CXW) [EMAIL PROTECTED]:


 jop escribió:
  hola Jose Manuel, como bien te dicen el problema esta en el anidamiento
 de
  listas, entre los Li principales metes otra lista como bloque , no
 anidada,
  de ahi que IE te pinte las listas por completo, un ejemplo muy simple lo
  tienes en http://www.aulaclic.es/html/a_3_3_1.htm
  pregunta a Google por listas anidadas encontraras mogollón de ejemplos.
 
  Aunque creo que tambien deberias revisar tu Css o revisarla con mas
  detenimiento,no creo que te hagan falta tantos parches como
 
  #div-7{
visibility: visible;
background-color: transparent ;
margin: 5em 10em 11em 3em ;
text-align: justify ;
color: #00 ;
  }
  htmlbody #div-7{
margin: 5em 10em 11em 3em ;
  }
  #div-8{
visibility: visible;
background-color: transparent ;
margin: 7em 0 2em 0 ;
text-align: justify ;
color: #00 ;
  }
  htmlbody #div-8{
margin: 7em 0 2em 0 ;
  }
 
  quizas podrias poner un *!important; *en fin yo revisaria el anidado y
  suerte.
 
  Saludos
  Jaume
  ___
  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
 
 
 Hola a [EMAIL PROTECTED]:

 Job, los parches son para la página principal,  porque no conseguía que
 div (que van de dos en dos) se pusieran al mismo nivel en el horizontal,
 seguro que se puede hacer mejor, pero después de hacer varias pruebas,
 de mirar en el Google (suelo utilizarlo antes de preguntar, pero en esto
 tengo un problema no me defiendo muy bien con el inglés, y la mayoría de
 las páginas de programación están en Inglés), lo que me funciono es
 poner los parches.

 Volviendo al tema de mi pregunta,  indique en mi mensaje que como esta
 realizado se veía bien en Firefox,   pero en el IE  se veía mal, el
 background-color, que tengo dentro de los bloques didácticos se
 extienden a las unidades didácticas.
 Todos las etiquetas li y ol  están cerrados con su correspondiente
 /li y ol respectivamente.
 Si le quito el CSS,  se ve bien la estructura de las listas anidadas en
 html, en ambos navegadores.

 La estructura de listas es la siguiente:  una lista ordenada con  10
 li , y cada uno de ellos tiene otra lista ordenada conteniendo entre 1
 y 4 li, y cada uno de estos li tiene otra lista ordenada, con varios
 li.

 *Lo que quiero es que se vea en ambos navegadores,  como se ve en Firefox.*

 Espero vuestra ayuda.  y reitero mi agradecimiento, aunque lo que quiero
 no se pueda conseguir.

 --
 Un saludo,
 José Manuel
 Gran Canaria/España

 Si vas a escribir.. piensa en esto:
 no digas nada que no sea mas precioso que el silencio!!!

 ___
 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:
 

Re: [Ovillo] Problema con lista anidadas en el IE

2008-07-15 Por tema José Manuel (EB8CXW)

Ignacio Ricci escribió:
 Amigo tenias todo mal anidado y semanticamente incorrecto. Firefox fue santo
 al mostrarlo tan bien x D

 

 Chequea este XHTML que es crossbrowser (hice solo 1 ejemplo):

 div id=economia-1
 div id=contenido
 ol
 li class=bloquedidactico
 emActividad económica y sistemas económicos./em
 ol
 li class=unidaddidactica
 emEl problema básico de la economía./em
 ol
 liLa economía y vida cotidiana./li
 liLa escasez de recursos y la necesidad de
 elegir. /li
 liLos distintos tipos de necesidades./li
 liLos bienes y servicios que satisfacen
 necesidades./li
 liCómo elegir en economía./li
 liLos modelos económicos y su
 lenguaje./li
 /ol
 /li
 /ol
 /li
 /ol
 /div
 /div

 -

 Agregar / Modificar en el CSS:

 #contenido ol {margin:1.2em 1.2em 0.05em 3.5em; list-style:decimal;}
 .noBullet {list-style:none;}
 .bloquedidactico {font-size:1.4em; font-weight:bold; color:#ff;
 margin-top:2em;}
 .bloquedidactico em {font-style:normal; background-color:#73f6f5;
 padding:0.25em;
 width:35em; border:0.0625em double #000;}
 .bloquedidactico ol li em {background:none; border:none; padding:0;
 width:auto;}
 .bloquedidactico ol {color:#000; font-size:0.9em; font-weight:normal;}
 .bloquedidactico ol li {font-size:1em;}
 .bloquedidactico ol li ol li {font-size:0.9em;}

 

 Aplicalo para el resto de los elementos y ya ta :D




 2008/7/15 José Manuel (EB8CXW) [EMAIL PROTECTED]:

   
 jop escribió:
 
 hola Jose Manuel, como bien te dicen el problema esta en el anidamiento
   
 de
 
 listas, entre los Li principales metes otra lista como bloque , no
   
 anidada,
 
 de ahi que IE te pinte las listas por completo, un ejemplo muy simple lo
 tienes en http://www.aulaclic.es/html/a_3_3_1.htm
 pregunta a Google por listas anidadas encontraras mogollón de ejemplos.

 Aunque creo que tambien deberias revisar tu Css o revisarla con mas
 detenimiento,no creo que te hagan falta tantos parches como

 #div-7{
   visibility: visible;
   background-color: transparent ;
   margin: 5em 10em 11em 3em ;
   text-align: justify ;
   color: #00 ;
 }
 htmlbody #div-7{
   margin: 5em 10em 11em 3em ;
 }
 #div-8{
   visibility: visible;
   background-color: transparent ;
   margin: 7em 0 2em 0 ;
   text-align: justify ;
   color: #00 ;
 }
 htmlbody #div-8{
   margin: 7em 0 2em 0 ;
 }

 quizas podrias poner un *!important; *en fin yo revisaria el anidado y
 suerte.

 Saludos
 Jaume
 ___
 bloquedidactico
 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
 
   
 Hola a [EMAIL PROTECTED]:

 Job, los parches son para la página principal,  porque no conseguía que
 div (que van de dos en dos) se pusieran al mismo nivel en el horizontal,
 seguro que se puede hacer mejor, pero después de hacer varias pruebas,
 de mirar en el Google (suelo utilizarlo antes de preguntar, pero en esto
 tengo un problema no me defiendo muy bien con el inglés, y la mayoría de
 las páginas de programación están en Inglés), lo que me funciono es
 poner los parches.

 Volviendo al tema de mi pregunta,  indique en mi mensaje que como esta
 realizado se veía bien en Firefox,   pero en el IE  se veía mal, el
 background-color, que tengo dentro de los bloques didácticos se
 extienden a las unidades didácticas.
 Todos las etiquetas li y ol  están cerrados con su correspondiente
 /li y ol respectivamente.
 Si le quito el CSS,  se ve bien la estructura de las listas anidadas en
 html, en ambos navegadores.

 La estructura de listas es la siguiente:  una lista ordenada con  10
 li , y cada uno de ellos tiene otra lista ordenada conteniendo entre 1
 y 4 li, y cada uno de estos li tiene otra lista ordenada, con varios
 li.

 *Lo que quiero es que se vea en ambos navegadores,  como se ve en Firefox.*

 Espero vuestra ayuda.  y reitero mi agradecimiento, aunque lo que quiero
 no se pueda conseguir.

 --
 Un saludo,
 José Manuel
 Gran Canaria/España

 Si vas a escribir.. piensa en esto:
 no digas nada que no sea mas precioso que el silencio!!!

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

Re: [Ovillo] Problema con lista anidadas en el IE

2008-07-15 Por tema Ignacio Ricci
el .noBullet, no sirve. Lo cree en un momento, pero despues no lo use. Asi
que borralo.

Para darles ancho iguales a los bloques didacticos *agregale* a la
propiedad:

.bloquedidactico em { }

lo siguiente:

display:block; width:500px;



2008/7/15 José Manuel (EB8CXW) [EMAIL PROTECTED]:


 Ignacio Ricci escribió:
  Amigo tenias todo mal anidado y semanticamente incorrecto. Firefox fue
 santo
  al mostrarlo tan bien x D
 
  
 
  Chequea este XHTML que es crossbrowser (hice solo 1 ejemplo):
 
  div id=economia-1
  div id=contenido
  ol
  li class=bloquedidactico
  emActividad económica y sistemas económicos./em
  ol
  li class=unidaddidactica
  emEl problema básico de la economía./em
  ol
  liLa economía y vida cotidiana./li
  liLa escasez de recursos y la necesidad de
  elegir. /li
  liLos distintos tipos de necesidades./li
  liLos bienes y servicios que satisfacen
  necesidades./li
  liCómo elegir en economía./li
  liLos modelos económicos y su
  lenguaje./li
  /ol
  /li
  /ol
  /li
  /ol
  /div
  /div
 
 
 -
 
  Agregar / Modificar en el CSS:
 
  #contenido ol {margin:1.2em 1.2em 0.05em 3.5em; list-style:decimal;}
  .noBullet {list-style:none;}
  .bloquedidactico {font-size:1.4em; font-weight:bold; color:#ff;
  margin-top:2em;}
  .bloquedidactico em {font-style:normal; background-color:#73f6f5;
  padding:0.25em;
  width:35em; border:0.0625em double #000;}
  .bloquedidactico ol li em {background:none; border:none; padding:0;
  width:auto;}
  .bloquedidactico ol {color:#000; font-size:0.9em; font-weight:normal;}
  .bloquedidactico ol li {font-size:1em;}
  .bloquedidactico ol li ol li {font-size:0.9em;}
 
 
 
 
  Aplicalo para el resto de los elementos y ya ta :D
 
 
 
 
  2008/7/15 José Manuel (EB8CXW) [EMAIL PROTECTED]:
 
 
  jop escribió:
 
  hola Jose Manuel, como bien te dicen el problema esta en el anidamiento
 
  de
 
  listas, entre los Li principales metes otra lista como bloque , no
 
  anidada,
 
  de ahi que IE te pinte las listas por completo, un ejemplo muy simple
 lo
  tienes en http://www.aulaclic.es/html/a_3_3_1.htm
  pregunta a Google por listas anidadas encontraras mogollón de
 ejemplos.
 
  Aunque creo que tambien deberias revisar tu Css o revisarla con mas
  detenimiento,no creo que te hagan falta tantos parches como
 
  #div-7{
visibility: visible;
background-color: transparent ;
margin: 5em 10em 11em 3em ;
text-align: justify ;
color: #00 ;
  }
  htmlbody #div-7{
margin: 5em 10em 11em 3em ;
  }
  #div-8{
visibility: visible;
background-color: transparent ;
margin: 7em 0 2em 0 ;
text-align: justify ;
color: #00 ;
  }
  htmlbody #div-8{
margin: 7em 0 2em 0 ;
  }
 
  quizas podrias poner un *!important; *en fin yo revisaria el anidado y
  suerte.
 
  Saludos
  Jaume
  ___
  bloquedidactico
  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
 
 
  Hola a [EMAIL PROTECTED]:
 
  Job, los parches son para la página principal,  porque no conseguía que
  div (que van de dos en dos) se pusieran al mismo nivel en el horizontal,
  seguro que se puede hacer mejor, pero después de hacer varias pruebas,
  de mirar en el Google (suelo utilizarlo antes de preguntar, pero en esto
  tengo un problema no me defiendo muy bien con el inglés, y la mayoría de
  las páginas de programación están en Inglés), lo que me funciono es
  poner los parches.
 
  Volviendo al tema de mi pregunta,  indique en mi mensaje que como esta
  realizado se veía bien en Firefox,   pero en el IE  se veía mal, el
  background-color, que tengo dentro de los bloques didácticos se
  extienden a las unidades didácticas.
  Todos las etiquetas li y ol  están cerrados con su correspondiente
  /li y ol respectivamente.
  Si le quito el CSS,  se ve bien la estructura de las listas anidadas en
  html, en ambos navegadores.
 
  La estructura de listas es la siguiente:  una lista ordenada con  10
  li , y cada uno de ellos tiene otra lista ordenada conteniendo entre 1
  y 4 li, y cada uno de estos li tiene otra lista ordenada, con varios
  li.
 
  *Lo que quiero es que se vea en ambos navegadores,  como se ve en
 Firefox.*