[Ovillo] Problema con lista anidadas en el IE
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
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
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
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
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
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
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.*
