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">
> > <em>Actividad económica y sistemas económicos.</em>
> > <ol>
> > <li class="unidaddidactica">
> > <em>El problema básico de la economía.</em>
> > <ol>
> > <li>La economía y vida cotidiana.</li>
> > <li>La escasez de recursos y la necesidad de
> > elegir. </li>
> > <li>Los distintos tipos de necesidades.</li>
> > <li>Los bienes y servicios que satisfacen
> > necesidades.</li>
> > <li>Cómo elegir en economía.</li>
> > <li>Los 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:#ff0000;
> > 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: #000000 ;
> >>> }
> >>> html>body #div-7{
> >>> margin: 5em 10em 11em 3em ;
> >>> }
> >>> #div-8{
> >>> visibility: visible;
> >>> background-color: transparent ;
> >>> margin: 7em 0 2em 0 ;
> >>> text-align: justify ;
> >>> color: #000000 ;
> >>> }
> >>> html>body #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 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]:
>
> Ignacio, gracias por la información, realice lo que me indicas, y
> ahora se ve bien en ambos navegadores (en local todavía no lo he subido
> al servidor).
>
> Tengo un par de dudas en este código:
> - Qué hace la clase .noBullet (en el Google encontré que elimina los
> bullets de las listas) ya que no la pongo en el body , solo esta en el
> CSS, a ser así afecta a todas las páginas de la Web.
> - Cómo hago para que width de todos los bloquedidacticos sean
> iguales, ya que solo abarcan la longitud del texto, he intentado
> modificarlo pero no lo he conseguido.
>
> Reitero mi agradecimiento.
> --
> 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
