Re: [Ovillo] Manejo básico de listas

2009-08-06 Por tema Maikel Naigt
Hola.

Ante todo disculpa el cambio de topic que voy a perpetrar, pero como
veo que el resto de colisteros ya te han contestado, me gustaría
formularte una pregunta sobre una duda que me corroe ¿por qué usas
elementos H3 para los titulares de las noticias abreviadas? Los
elementos de cabecera, según dice la normativa: A heading element
briefly describes the topic of the section it introduces.
[http://www.w3.org/TR/html401/struct/global.html#edef-H1]. Corrígeme
si me equivoco, pero según parece en tu código no están encabezando
ninguna sección (ni artículo) si no que más bien parece una
introducción a la noticia completa. Otra cosa que no entiendo es el
por qué utilizas un elemento DIV para contener un párrafo, en lugar
del destinado para ello P.

Un saludo,
David Merino Ogando



2009/8/5 Germán Bustos ger...@atarraya.org:
 Hola,

 Estoy usando una lista para presentar los artículos que vienen en una
 sección:

 div id=artseccion
 ol
      li
           h3Titulo artículo 1/h3
           div class=introarticulobla, bla, bla/div
      /li
       li
            h3Titulo articulo 2/h3
            div class=introarticulobla2, bla2, bla2/div
        /li
 /ol
 /div

 Lo que quiero es que me muestre los artículos utilizando el ancho completo
 de la caja contenedora, para eso uso esto:

 #artseccion ul{
  list-style: none outside;
  float: left;
 }
 #artseccion ul li{
  display: block;
 }

 Con esto desaparecen la viñetas (bullets) que marcarían cada ítem de la
 lista, lo que no logro hacer es que se corra hacia la izquierda usando todo
 el ancho de la columna, siempre me queda un relleno a la izquierda. He
 estado revisando en Google y veo varias opciones, por una parte poner un
 margen negativo (algo como margin-left: -1em; ) para forzarlo a correrse,
 pero en otros lados dice que hay que poner tanto margin como padding con el
 valor negativo, en ese sitio explicaban que unos browsers corren las listas
 usando padding y otros usando margin. Por ahora prefiero dejar la página con
 el hueco que ponerme a experimentar con una página en línea.

 Otra cosa que he hecho es resetear los valores de las listas del valor por
 defecto, pero me parece que me complica la vida cuando necesito que las
 listas vuelvan a funcionar normalmente en ciertos contextos. En otras
 palabras, cómo hago para volver a poner las listas predefinidas cuando he
 reseteado y cuál es la mejor técnica para manejar ese tema...

 Muchas gracias,

 Germán

 --
 Germán Bustos
 Atarraya
 (+57)3177381339
 http://atarraya.org
 ___
 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] Manejo básico de listas

2009-08-06 Por tema Marlene Melian Montalvo
Coincido plenamente con este planteamiento? Por qué usar DIV en vez de la 
etiqueta de párrafo???


-Original Message-
From: ovillo-boun...@lists.ovillo.org on behalf of Maikel Naigt
Sent: Thu 8/6/2009 3:08 AM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] Manejo básico de listas
 
Hola.

Ante todo disculpa el cambio de topic que voy a perpetrar, pero como
veo que el resto de colisteros ya te han contestado, me gustaría
formularte una pregunta sobre una duda que me corroe ¿por qué usas
elementos H3 para los titulares de las noticias abreviadas? Los
elementos de cabecera, según dice la normativa: A heading element
briefly describes the topic of the section it introduces.
[http://www.w3.org/TR/html401/struct/global.html#edef-H1]. Corrígeme
si me equivoco, pero según parece en tu código no están encabezando
ninguna sección (ni artículo) si no que más bien parece una
introducción a la noticia completa. Otra cosa que no entiendo es el
por qué utilizas un elemento DIV para contener un párrafo, en lugar
del destinado para ello P.

Un saludo,
David Merino Ogando



2009/8/5 Germán Bustos ger...@atarraya.org:
 Hola,

 Estoy usando una lista para presentar los artículos que vienen en una
 sección:

 div id=artseccion
 ol
      li
           h3Titulo artículo 1/h3
           div class=introarticulobla, bla, bla/div
      /li
       li
            h3Titulo articulo 2/h3
            div class=introarticulobla2, bla2, bla2/div
        /li
 /ol
 /div

 Lo que quiero es que me muestre los artículos utilizando el ancho completo
 de la caja contenedora, para eso uso esto:

 #artseccion ul{
  list-style: none outside;
  float: left;
 }
 #artseccion ul li{
  display: block;
 }

 Con esto desaparecen la viñetas (bullets) que marcarían cada ítem de la
 lista, lo que no logro hacer es que se corra hacia la izquierda usando todo
 el ancho de la columna, siempre me queda un relleno a la izquierda. He
 estado revisando en Google y veo varias opciones, por una parte poner un
 margen negativo (algo como margin-left: -1em; ) para forzarlo a correrse,
 pero en otros lados dice que hay que poner tanto margin como padding con el
 valor negativo, en ese sitio explicaban que unos browsers corren las listas
 usando padding y otros usando margin. Por ahora prefiero dejar la página con
 el hueco que ponerme a experimentar con una página en línea.

 Otra cosa que he hecho es resetear los valores de las listas del valor por
 defecto, pero me parece que me complica la vida cuando necesito que las
 listas vuelvan a funcionar normalmente en ciertos contextos. En otras
 palabras, cómo hago para volver a poner las listas predefinidas cuando he
 reseteado y cuál es la mejor técnica para manejar ese tema...

 Muchas gracias,

 Germán

 --
 Germán Bustos
 Atarraya
 (+57)3177381339
 http://atarraya.org
 ___
 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

___
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] Manejo básico de listas

2009-08-05 Por tema Germán Bustos
Hola,

Estoy usando una lista para presentar los artículos que vienen en una
sección:

div id=artseccion
ol
  li
   h3Titulo artículo 1/h3
   div class=introarticulobla, bla, bla/div
  /li
   li
h3Titulo articulo 2/h3
div class=introarticulobla2, bla2, bla2/div
/li
/ol
/div

Lo que quiero es que me muestre los artículos utilizando el ancho completo
de la caja contenedora, para eso uso esto:

#artseccion ul{
  list-style: none outside;
  float: left;
}
#artseccion ul li{
  display: block;
}

Con esto desaparecen la viñetas (bullets) que marcarían cada ítem de la
lista, lo que no logro hacer es que se corra hacia la izquierda usando todo
el ancho de la columna, siempre me queda un relleno a la izquierda. He
estado revisando en Google y veo varias opciones, por una parte poner un
margen negativo (algo como margin-left: -1em; ) para forzarlo a correrse,
pero en otros lados dice que hay que poner tanto margin como padding con el
valor negativo, en ese sitio explicaban que unos browsers corren las listas
usando padding y otros usando margin. Por ahora prefiero dejar la página con
el hueco que ponerme a experimentar con una página en línea.

Otra cosa que he hecho es resetear los valores de las listas del valor por
defecto, pero me parece que me complica la vida cuando necesito que las
listas vuelvan a funcionar normalmente en ciertos contextos. En otras
palabras, cómo hago para volver a poner las listas predefinidas cuando he
reseteado y cuál es la mejor técnica para manejar ese tema...

Muchas gracias,

Germán

-- 
Germán Bustos
Atarraya
(+57)3177381339
http://atarraya.org
___
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] Manejo básico de listas

2009-08-05 Por tema Andrés gutiérrez
ul{
margin:0;
padding:0;
}

Y a apartir de aquí tu decides el margen

El 5 de agosto de 2009 14:45, Germán Bustos ger...@atarraya.org escribió:

 Hola,

 Estoy usando una lista para presentar los artículos que vienen en una
 sección:

 div id=artseccion
 ol
  li
   h3Titulo artículo 1/h3
   div class=introarticulobla, bla, bla/div
  /li
   li
h3Titulo articulo 2/h3
div class=introarticulobla2, bla2, bla2/div
/li
 /ol
 /div

 Lo que quiero es que me muestre los artículos utilizando el ancho completo
 de la caja contenedora, para eso uso esto:

 #artseccion ul{
  list-style: none outside;
  float: left;
 }
 #artseccion ul li{
  display: block;
 }

 Con esto desaparecen la viñetas (bullets) que marcarían cada ítem de la
 lista, lo que no logro hacer es que se corra hacia la izquierda usando todo
 el ancho de la columna, siempre me queda un relleno a la izquierda. He
 estado revisando en Google y veo varias opciones, por una parte poner un
 margen negativo (algo como margin-left: -1em; ) para forzarlo a correrse,
 pero en otros lados dice que hay que poner tanto margin como padding con el
 valor negativo, en ese sitio explicaban que unos browsers corren las listas
 usando padding y otros usando margin. Por ahora prefiero dejar la página
 con
 el hueco que ponerme a experimentar con una página en línea.

 Otra cosa que he hecho es resetear los valores de las listas del valor por
 defecto, pero me parece que me complica la vida cuando necesito que las
 listas vuelvan a funcionar normalmente en ciertos contextos. En otras
 palabras, cómo hago para volver a poner las listas predefinidas cuando he
 reseteado y cuál es la mejor técnica para manejar ese tema...

 Muchas gracias,

 Germán

 --
 Germán Bustos
 Atarraya
 (+57)3177381339
 http://atarraya.org
 ___
 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




-- 
Experiencia es lo que obtienes, cuando no obtienes lo que quieres.
-
Caminar sobre el agua y desarrollar software a partir de unas
especificaciones es fácil. si ambas están congeladas.
Edward V. Berard, ingeniero informático.
___
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] Manejo básico de listas

2009-08-05 Por tema jaume op
Como dice Andres

 ul{
 margin:0;
 padding:0;
 }

La cosa es que si no reseteas las ul por ejemplo, el problema te puede venir
por que cada navegador interpreta los margins y padding por defecto  de
diferente forma (varian un poco), por eso es casi imprescindible hacerlo.
Tambien puedes utilizar una hoja de reset.

De otro lado decirte que los margins si admiten valores negativos , los
padding No . Miralo en Sidar
http://www.sidar.org/recur/desdi/traduc/es/css/box.html#mpb-examples .

El 5 de agosto de 2009 14:54, Andrés gutiérrez andresgut...@gmail.comescribió:

 ul{
 margin:0;
 padding:0;
 }

 Y a apartir de aquí tu decides el margen

 El 5 de agosto de 2009 14:45, Germán Bustos ger...@atarraya.org
 escribió:

  Hola,
 
  Estoy usando una lista para presentar los artículos que vienen en una
  sección:
 
  div id=artseccion
  ol
   li
h3Titulo artículo 1/h3
div class=introarticulobla, bla, bla/div
   /li
li
 h3Titulo articulo 2/h3
 div class=introarticulobla2, bla2, bla2/div
 /li
  /ol
  /div
 
  Lo que quiero es que me muestre los artículos utilizando el ancho
 completo
  de la caja contenedora, para eso uso esto:
 
  #artseccion ul{
   list-style: none outside;
   float: left;
  }
  #artseccion ul li{
   display: block;
  }
 
  Con esto desaparecen la viñetas (bullets) que marcarían cada ítem de la
  lista, lo que no logro hacer es que se corra hacia la izquierda usando
 todo
  el ancho de la columna, siempre me queda un relleno a la izquierda. He
  estado revisando en Google y veo varias opciones, por una parte poner un
  margen negativo (algo como margin-left: -1em; ) para forzarlo a correrse,
  pero en otros lados dice que hay que poner tanto margin como padding con
 el
  valor negativo, en ese sitio explicaban que unos browsers corren las
 listas
  usando padding y otros usando margin. Por ahora prefiero dejar la página
  con
  el hueco que ponerme a experimentar con una página en línea.
 
  Otra cosa que he hecho es resetear los valores de las listas del valor
 por
  defecto, pero me parece que me complica la vida cuando necesito que las
  listas vuelvan a funcionar normalmente en ciertos contextos. En otras
  palabras, cómo hago para volver a poner las listas predefinidas cuando he
  reseteado y cuál es la mejor técnica para manejar ese tema...
 
  Muchas gracias,
 
  Germán
 
  --
  Germán Bustos
  Atarraya
  (+57)3177381339
  http://atarraya.org
  ___
  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
 



 --
 Experiencia es lo que obtienes, cuando no obtienes lo que quieres.

 -
 Caminar sobre el agua y desarrollar software a partir de unas
 especificaciones es fácil. si ambas están congeladas.
 Edward V. Berard, ingeniero informático.
 ___
 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




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