[Ovillo] problema con lista
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
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
#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
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.*
