Re: [Ovillo] Texto lista centrado verticalmente
En esta página he encontrado una solución:
http://www.ampsoft.net/webdesign-l/vertical-aligned-nav-list.html
Funciona, pero necesito saber con anterioridad si el texto ocupará una
o más líneas dentro del elemento. Lo que quisiera era una única
solución que funcionase con independencia del número de líneas dentro
del elemento. No se me ocurre nada, pero ¿alguien tiene alguna
sugerencia?
El 31/08/05, Thaís Moraleida[EMAIL PROTECTED] escribió:
Sí, para centrar el background funciona, pero lo que quiero centrar es
el texto, cuando haya una o más líneas.
li {
position: relative;
display: block;
padding: 5px 5px 5px 24px;
margin: 0;
background: #FF9933 url(points.gif) no-repeat 3px center;
color: #FFF;
}
Gracias,
Thaís Moraleida
El 30/08/05, Orange at GMail[EMAIL PROTECTED] escribió:
Le quitas la viñeta y la simulas con una imagen de fondo, y la defines para
que se muestre centrada verticalmente. Algo asi:
li {
list-style-type: none;
background: url(imagen) left center no-repeat
}
El día 30/08/05, Thaís Moraleida [EMAIL PROTECTED] escribió:
Hola a todos,
Tengo un problemilla que no consigo resolver.
En una lista horizontal, con textos que ocupan una o más lineas
dentro de cada li, necesito que el texto esté verticalmente
alineado respecto a la li. He intentado poniendo la propiedad
line-height del tamaño de la li y estableciendo vertical-align:
middle, pero no funciona cuando hay la necesidad de un salto de línea.
¿Alguien me puede ayudar?
ul
lia href=index.php?type=1Verkaufsimmobilien/a/li
lia href=index.php?type=2Ferienhäuser und Ferienwohnungen/a/li
lia href=new_user.phpInserieren/a/li
/ul
___
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
--
Orange at GMail
___
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
[Ovillo] Top table Explorer
Buenas,
Le tengo unas medidas dadas a una tabla para que se separe del top:
.tabla
{
margin-top: 50px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
{
Se supone que en explorer se tiene que separar 50px, pero nada se queda sin
moverse.
¿Sabéis otra manera de ponerlo para que nuestro amigo Explorer lo reconozca?
Porque el primo Firefox sí lo reconoce :)
Saludos!
___
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
[Ovillo] Top table en Explorer
Buenas,
Le tengo unas medidas dadas a una tabla para que se separe del top:
.tabla
{
margin-top: 50px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
{
Se supone que en explorer se tiene que separar 50px, pero nada se queda sin
moverse.
¿Sabéis otra manera de ponerlo para que nuestro amigo Explorer lo reconozca?
Porque el primo Firefox sí lo reconoce :)
Saludos!
___
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] Top table en Explorer
Vaya, yo mismo ya lo solucioné. :)
El problema es que estaba dandole el valor a la .tabla, y tenía que
dárselo al body. Y yo perdiendo el tiempo dándole vueltas a la cabeza por
despistado.
Saludos!
- Original Message -
From: Aloga Design [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Wednesday, August 31, 2005 12:59 PM
Subject: [Ovillo] Top table en Explorer
Buenas,
Le tengo unas medidas dadas a una tabla para que se separe del top:
.tabla
{
margin-top: 50px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
{
Se supone que en explorer se tiene que separar 50px, pero nada se queda sin
moverse.
¿Sabéis otra manera de ponerlo para que nuestro amigo Explorer lo
reconozca? Porque el primo Firefox sí lo reconoce :)
Saludos!
___
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] scrollbar y tamaño exacto
creo que te falta poner: overflow: auto; ___ 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: Re[4]: [Ovillo] caja desplegable.
On 8/30/05, Raúl Martín [EMAIL PROTECTED] wrote: tal y como lo tienes oculta el elemento después de tener cargada toda la página, si la web es muy pesada hará un efecto precarga algo molesto, por eso tenía yo ese parche en el html, escribía una hoja de estilos si había javascript. no habia pensado en ese detalle. ya genere una hoja de estilos que se aplica solamente si javascript esta disponible y activado. a no ser que haya una mejor solución, me quedo con esto. inti castro [EMAIL PROTECTED] ___ 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] scrollbar y tamaño exacto
muchas gracias roger, has dado en el clavo. Miraré a ver que es exactamente overflow, que no lo conocia. Saludos. From: roger [EMAIL PROTECTED] Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] scrollbar y tamaño exacto Date: Wed, 31 Aug 2005 14:29:02 +0200 creo que te falta poner: overflow: auto; ___ 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] Texto lista centrado verticalmente
Hasta que CSS nos brinde la propiedad vertical-alin, (o hasta que el soporte
de display: table-cell combinado con lo anterior sea mayoritario) no se
puede centrar de verdad en vertical nada que tenga un tamaño variable,
excepto los fondos
Algo tan simple como esto sigue siendo, según lo veo yo, un verdadero
escollo para el desarrollo con CSS. A veces hay que hacer filigranas, y la
gente que empieza se desespera (esto último no lo digo por ti, hablo en
general). Creo que es la pregunta que más se repite en foros y listas
;)
El día 31/08/05, Thaís Moraleida [EMAIL PROTECTED] escribió:
En esta página he encontrado una solución:
http://www.ampsoft.net/webdesign-l/vertical-aligned-nav-list.html
Funciona, pero necesito saber con anterioridad si el texto ocupará una
o más líneas dentro del elemento. Lo que quisiera era una única
solución que funcionase con independencia del número de líneas dentro
del elemento. No se me ocurre nada, pero ¿alguien tiene alguna
sugerencia?
El 31/08/05, Thaís Moraleida[EMAIL PROTECTED] escribió:
Sí, para centrar el background funciona, pero lo que quiero centrar es
el texto, cuando haya una o más líneas.
li {
position: relative;
display: block;
padding: 5px 5px 5px 24px;
margin: 0;
background: #FF9933 url(points.gif) no-repeat 3px center;
color: #FFF;
}
Gracias,
Thaís Moraleida
El 30/08/05, Orange at GMail[EMAIL PROTECTED] escribió:
Le quitas la viñeta y la simulas con una imagen de fondo, y la defines
para
que se muestre centrada verticalmente. Algo asi:
li {
list-style-type: none;
background: url(imagen) left center no-repeat
}
El día 30/08/05, Thaís Moraleida [EMAIL PROTECTED] escribió:
Hola a todos,
Tengo un problemilla que no consigo resolver.
En una lista horizontal, con textos que ocupan una o más lineas
dentro de cada li, necesito que el texto esté verticalmente
alineado respecto a la li. He intentado poniendo la propiedad
line-height del tamaño de la li y estableciendo vertical-align:
middle, pero no funciona cuando hay la necesidad de un salto de
línea.
¿Alguien me puede ayudar?
ul
lia href=index.php?type=1Verkaufsimmobilien/a/li
lia href=index.php?type=2Ferienhäuser und
Ferienwohnungen/a/li
lia href=new_user.phpInserieren/a/li
/ul
___
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
--
Orange at GMail
___
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
--
Orange at GMail
___
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
[Ovillo] estructura semantica ideal de un articulo de diario online
tengo que armar la plantilla de una articulo para una revista online y me puse a ver como marcaban semanticamente diarios como lanacion.com.arhttp://lanacion.com.ar, clarin.com http://clarin.com e infobae.com http://infobae.com pero ninguno de los tres sitios tiene algun tipo de marcado semantico que me parezca correcto. en todos los casos con la hoja de estilos desactivada el texto se mezcla todo y deja de entenderse facilmente que es titulo y que parrafo. la estructura semantica que tengo que armar es esta: sección a la que pertenece el articulo volanta titulo general bajada (parrafo destacado a modo de resumen) autor fecha cuerpo del articulo cual les parece que serían los tags ideales para armar esta estructura y que faciliten lo mas posible la aplicacion de diseño agragando la menor cantidad de clases posibles? gracias. inti castro [EMAIL PROTECTED] ___ 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] estructura semantica ideal de un articulo de diario online
Se me ocurre algo así: div class=articulo h2seccion/h2 div class=enc-articulo p class=volantastrongvolanta/strong/p h3Titulo/h3 p class=bajadastrongBajada/strong/p pspan class=autorautor/span-span class=fechaxx/xx//span/p /div div class=cuerpo-articulo particulo/p petc.../p /div /div aunque no creo que este muy semantico que digamos, pero bueno, me interesa la opinio de el restos sobre este tema. Es interesante ya que hay mucho blogs y cms en general y por lo que estuve viendo al boleo no e encontrado que pueda decir: pucha, que semantico! Con esto me sumo a tu pregunta para que entre todos podamos sacar algo en claro. Un Saludo. -- Federico. http://wiwi.com.ar El 31/08/05, Inti Castro[EMAIL PROTECTED] escribió: tengo que armar la plantilla de una articulo para una revista online y me puse a ver como marcaban semanticamente diarios como lanacion.com.arhttp://lanacion.com.ar, clarin.com http://clarin.com e infobae.com http://infobae.com pero ninguno de los tres sitios tiene algun tipo de marcado semantico que me parezca correcto. en todos los casos con la hoja de estilos desactivada el texto se mezcla todo y deja de entenderse facilmente que es titulo y que parrafo. la estructura semantica que tengo que armar es esta: sección a la que pertenece el articulo volanta titulo general bajada (parrafo destacado a modo de resumen) autor fecha cuerpo del articulo cual les parece que serían los tags ideales para armar esta estructura y que faciliten lo mas posible la aplicacion de diseño agragando la menor cantidad de clases posibles? gracias. inti castro [EMAIL PROTECTED] ___ 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] estructura semantica ideal de un articulo de diario online
Ya me lo he preguntado antes, me sumo a lo que dice Federico, seguramente entre todos podamos sacar algo en limpio... yo he dado vueltas en torno a esto: div id=artxxx class=articulo h2seccion/h2 pemvolanta/em/p h3titulo/h3 pstrongbajada/strong/p divarticulo/div h4autor/h4 h5fecha/h5 /div Aplicando en la hoja estilos específicos para h2, h3, em, p, strong, etc. de la clase articulo. También he probado con dlddetc. Saludos Alejandro Mensaje citado por: Federico Santoalla [EMAIL PROTECTED]: Se me ocurre algo así: div class=articulo h2seccion/h2 div class=enc-articulo p class=volantastrongvolanta/strong/p h3Titulo/h3 p class=bajadastrongBajada/strong/p pspan class=autorautor/span-span class=fechaxx/xx//span/p /div div class=cuerpo-articulo particulo/p petc.../p /div /div aunque no creo que este muy semantico que digamos, pero bueno, me interesa la opinio de el restos sobre este tema. Es interesante ya que hay mucho blogs y cms en general y por lo que estuve viendo al boleo no e encontrado que pueda decir: pucha, que semantico! Con esto me sumo a tu pregunta para que entre todos podamos sacar algo en claro. Un Saludo. -- Federico. http://wiwi.com.ar El 31/08/05, Inti Castro[EMAIL PROTECTED] escribió: tengo que armar la plantilla de una articulo para una revista online y me puse a ver como marcaban semanticamente diarios como lanacion.com.arhttp://lanacion.com.ar, clarin.com http://clarin.com e infobae.com http://infobae.com pero ninguno de los tres sitios tiene algun tipo de marcado semantico que me parezca correcto. en todos los casos con la hoja de estilos desactivada el texto se mezcla todo y deja de entenderse facilmente que es titulo y que parrafo. la estructura semantica que tengo que armar es esta: sección a la que pertenece el articulo volanta titulo general bajada (parrafo destacado a modo de resumen) autor fecha cuerpo del articulo cual les parece que serían los tags ideales para armar esta estructura y que faciliten lo mas posible la aplicacion de diseño agragando la menor cantidad de clases posibles? gracias. inti castro [EMAIL PROTECTED] ___ 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
Re: [Ovillo] estructura semantica ideal de un articulo de diario online
On Thu, 01 Sep 2005 01:10:42 +0200, Manuel González Noriega [EMAIL PROTECTED] wrote: Resumiendo h2sección/h2 div class=articulo h3titulo/h3 p id=volantavolanta/p p id=bajadabajada/p p id=autorpor spanautor/span/p p id=fechafecha/p div id=cuerpo pcuerpo/p pcuerpo/p pcuerpo/p /div /div Mucho mejor No sé si estoy interpretando mal o qué, pero, al ser los p elementos que se van a repetir en varios articulos... ¿no debería utilizar clases en vez de identificadores, siendo estos últimos reservados para los elementos únicos? Es decir, en vez de p id=fechafecha/p, poner p class=fechafecha/p Si no es así, pido perdón por mi error, maestro Manuel ;) -- Usando el revolucionario cliente de correo de Opera: http://www.opera.com/m2/ ___ 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
Acerca de CSS3 Era Re: [Ovillo] Texto lista centrado verticalmente
Orange at GMail wrote: Algo tan simple como esto sigue siendo, según lo veo yo, un verdadero escollo para el desarrollo con CSS. A veces hay que hacer filigranas, y la gente que empieza se desespera (esto último no lo digo por ti, hablo en general). Creo que es la pregunta que más se repite en foros y listas ;) Pues si, a CSS2 le faltan pequeños detalles que harían que diseños que ahora están llenos de trucos fuesen sencillos. Se me ocurren cosas como por ejemplo el poder decir que existan elementos que flotan y 'ocupan espacio' en su padre. Poder meter imagenes en los diferentes bordes o varios backgrounds sobre el mismo elemento. Poder declarar bloques contenedores en los que se les diga a los bloque hijos como se van a apilar (arriba-abajo como hasta ahora, pero también las otras posibilidades izquierda-derecha, derecha-izquierda y abajo-arriba) Se supone que estas cosas estan contempladas en CSS3 pero ¿va a salir alguna vez? en http://www.w3.org/Style/CSS/current-work no hacen más que retrasarlo. -- Saludos -=stripTM=- ___ 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] estructura semantica ideal de un articulo de diario online
Manuel González Noriega wrote: h2sección/h2 div class=articulo h3titulo/h3 p id=volantavolanta/p p id=bajadabajada/p p id=autorpor spanautor/span/p p id=fechafecha/p div id=cuerpo pcuerpo/p pcuerpo/p pcuerpo/p /div /div Los id no se pueden repetir en una misma página, así que esta estructura solo sirve para presentar un articulo a la vez. Tampoco me parece adecuado usar p ya que indicas de que tipo es el bloque. Usa mejor div. ___ 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
