RE: [Ovillo] listas con bullets (o numeros) y con display:block

2005-05-31 Por tema Raul Martin

Hola,
   A mi solo me da problemas si pongo el display block en el LI, como era de 
esperar.
¿Seguro que no has puesto un display block tambien en el li y no solo en el a?.

   Saludos.

On 31/May/2005 14:22:03, eemece2 wrote:
 Buenas a todos,
 
 No consigo hacer una lista ol o ul mostrando los numeros o los bullets 
 respectivamente, y ademas usando display:block en los a.
 El objetivo es hacer una lista vertical con todos los elementos metidos en 
 cajas de las mismas dimensiones, por ejemplo, como:
 
 http://css.maxdesign.com.au/listamatic/vertical08.htm
 o
 http://css.maxdesign.com.au/listamatic/vertical13.htm
 
 pero viendose los numeros o bullets (dentro de las cajas)
 
 No me vale el esconderlos y poner una imagen de fondo, pues tambien debe de 
 valer para listas ordenadas, viendose sus numeros.
 
 Normalmente, desaparecen los numeros o bullets.
 Parece que los display:block son los que dan los problemas.
 
 Bueno, si teneis alguna tecnica, o sabeis de algun enlace sobre esto, sera 
 muy bien recibido :-)
 
 Gracias,
 Edu.
 
 
 ___
 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] listas con bullets (o numeros) y con display:block

2005-05-31 Por tema eemece2
El caso es que ahora, despues de retocar el ejemplo, me doy cuenta de que el
problema, creo, es que al no tener el a el display:block no puedo poner un
'hover' que coja toda la caja ( todo el li). Si puedo en FF, pero no puedo
en IE, que no acepta el li:hover.

Se que de esto se ha hablado mas de una vez, pero no se si tiene solucion,
aparte de cambiando el xhtml metiendo spans o algo asi.
Hay solución, o alguna alternativa?

El codigo como lo tengo ahora es este:

!DOCTYPE html
PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html
head
title/title
meta http-equiv=Content-Type content=text/html;charset=iso-8859-1 /
style type=text/css
/*![CDATA[*/
#navcontainer
{
background: #f0e7d7;
width: 30%;
margin: 0 auto;
padding: 1em 0;
font-family: georgia, serif;
font-size: 13px;
text-align: center;
text-transform: lowercase;
}

ol {
 list-style-position: inside;
 text-align: left;
 padding: 0px;
 margin: 0 auto;
 width: 70%;
}
li {
 background-color: #eee;
 border: 1px solid #A0A0A0;
 display: list-item;
 padding: 0.5em 0 0.5em 2em;
 border-width: 1px;
 border-color: #ffe #aaab9c #ccc #fff;
 border-style: solid;
 color: #777;
 text-decoration: none;
 background: #f7f2ea;
}

li:hover {
 background-color: #f0e7d7;
}
li a {
color: #777;
text-decoration: none;
}
li a:hover {
 color: #80;
background: #f0e7d7;
border-color: #aaab9c #fff #fff #ccc;
}
/*]]*/
/style
/head
body
div id=navcontainer
ol
 lia href=#link1/a/li
 lia href=#link2/a/li
 lia href=#link3/a/li
/ol
/div
/body
/html

 FIN CODIGO ///

Gracias,
Edu.



- Original Message - 
From: eemece2 [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Tuesday, May 31, 2005 3:10 PM
Subject: Re: [Ovillo] listas con bullets (o numeros) y con display:block


 Gracias a los tres, Kemie, Alberto y Raul,

 Pues ya no se. Me he debido de liar. Pero con vuestras indicaciones ya
esta.
 Y como ejemplo de lo que queria, partiendo del de Albaro y con la ayuda de
 Kemie, pongo el codigo:

 !DOCTYPE html
 PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
 html
 head
 title/title
 meta http-equiv=Content-Type content=text/html;charset=iso-8859-1 /
 style type=text/css
 /*![CDATA[*/
 ol {
  list-style-position: inside;
  width:200px;
 }
 li {
  background-color: #eee;
  border: 1px solid #A0A0A0;
 display: list-item;
 }
 li a {
  background-color: #eee;
 }
 /*]]*/
 /style
 /head

 body
 ol
  lia href=#link1/a/li
  lia href=#link2/a/li
  lia href=#link3/a/li
 /ol
 /body
 /html


 - Original Message - 
 From: Raul Martin [EMAIL PROTECTED]
 To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 Sent: Tuesday, May 31, 2005 2:53 PM
 Subject: RE: [Ovillo] listas con bullets (o numeros) y con display:block


 
  Hola,
 A mi solo me da problemas si pongo el display block en el LI, como
era
 de esperar.
  ¿Seguro que no has puesto un display block tambien en el li y no solo en
 el a?.
 
 Saludos.
 
  On 31/May/2005 14:22:03, eemece2 wrote:
   Buenas a todos,
  
   No consigo hacer una lista ol o ul mostrando los numeros o los
 bullets respectivamente, y ademas usando display:block en los a.
   El objetivo es hacer una lista vertical con todos los elementos
metidos
 en cajas de las mismas dimensiones, por ejemplo, como:
  
   http://css.maxdesign.com.au/listamatic/vertical08.htm
   o
   http://css.maxdesign.com.au/listamatic/vertical13.htm
  
   pero viendose los numeros o bullets (dentro de las cajas)
  
   No me vale el esconderlos y poner una imagen de fondo, pues tambien
debe
 de valer para listas ordenadas, viendose sus numeros.
  
   Normalmente, desaparecen los numeros o bullets.
   Parece que los display:block son los que dan los problemas.
  
   Bueno, si teneis alguna tecnica, o sabeis de algun enlace sobre esto,
 sera muy bien recibido :-)
  
   Gracias,
   Edu.
  
  
   ___
   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 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

Re: [Ovillo] listas con bullets (o numeros) y con display:block

2005-05-31 Por tema kemie guaida

http://www.xs4all.nl/~peterned/csshover.html
:)

saludos

...:| kemie |:...
.:| www.monolinea.com http://www.monolinea.com |:.



eemece2 wrote:


Hay solución, o alguna alternativa?

 


___
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] listas con bullets (o numeros) y con display:block

2005-05-31 Por tema eemece2
 
/  _  _\
|||
\ \__/ /
/\

- Original Message - 
From: kemie guaida [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Tuesday, May 31, 2005 9:40 PM
Subject: Re: [Ovillo] listas con bullets (o numeros) y con display:block


http://www.xs4all.nl/~peterned/csshover.html
:)

saludos

...:| kemie |:...
.:| www.monolinea.com http://www.monolinea.com |:.



eemece2 wrote:

Hay solución, o alguna alternativa?



___
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