[Ovillo] No todo lo que brilla es oro.
Tengo un problema con el siguiente código. En la hoja de estilo tengo esto:
.marginal {background: yellow; text-align: rigth; width: 40px; display:
inline; margin: 0px 10px 0px 0px}
y en el body, una colección de esto (desde el 1 hasta el 10):
div class=marginal1. /divTexto 1br
div class=marginal1.1 /divTexto 1.1br
div class=marginal10. /divTexto 10br
En Explorer (¡de no creer!) se ve correctamente, pero en Firefox y Ópera
la cosa no es lo de esperar: las cajas no respetan ni el alineado a la
derecha ni el ancho obsoluto.
¿Soluciones? ¿Las hay...? ¿Quién es el cuco esta vez?
Almirante von Web/.
-
Educando al asno por no apalearlo
©2007 ;-)
___
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] No todo lo que brilla es oro.
Hola, a los elementos inline no puedes establecerles ancho, lo que debes
hacer es cambiarlos por block y flotarlos a la izquierda para que te quede
en linea con el texto
.marginal {background: yellow; text-align: rigth; width: 40px; float: left;
display:
block; margin: 0px 10px 0px 0px}
y en el body, una colección de esto (desde el 1 hasta el 10):
div class=marginal1. /divTexto 1br
div class=marginal1.1 /divTexto 1.1br
div class=marginal10. /divTexto 10br
Saludos!
El día 8/02/07, LISTAS [EMAIL PROTECTED] escribió:
Tengo un problema con el siguiente código. En la hoja de estilo tengo
esto:
.marginal {background: yellow; text-align: rigth; width: 40px; display:
inline; margin: 0px 10px 0px 0px}
y en el body, una colección de esto (desde el 1 hasta el 10):
div class=marginal1. /divTexto 1br
div class=marginal1.1 /divTexto 1.1br
div class=marginal10. /divTexto 10br
En Explorer (¡de no creer!) se ve correctamente, pero en Firefox y
Ópera
la cosa no es lo de esperar: las cajas no respetan ni el alineado a la
derecha ni el ancho obsoluto.
¿Soluciones? ¿Las hay...? ¿Quién es el cuco esta vez?
Almirante von Web/.
-
Educando al asno por no apalearlo
(c)2007 ;-)
___
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] No todo lo que brilla es oro.
En Thu, 08 Feb 2007 02:39:15 +0100, LISTAS [EMAIL PROTECTED]
escribió:
Tengo un problema con el siguiente código. En la hoja de estilo tengo
esto:
.marginal {background: yellow; text-align: rigth; width: 40px; display:
inline; margin: 0px 10px 0px 0px}
y en el body, una colección de esto (desde el 1 hasta el 10):
div class=marginal1. /divTexto 1br
div class=marginal1.1 /divTexto 1.1br
div class=marginal10. /divTexto 10br
En Explorer (¡de no creer!) se ve correctamente, pero en Firefox y
Ópera la cosa no es lo de esperar: las cajas no respetan ni el alineado
a la derecha ni el ancho obsoluto.
¿Soluciones? ¿Las hay...? ¿Quién es el cuco esta vez?
Dos cosas:
- Si un elemento tiene display:inline no puede tener un ancho fijo (o al
menos varios navegadores guays no le hacen caso ;)). Con el alineado a
la derecha, lo mismo.
- El marcado que tienes es algo (bastante) incorrecto. Sin entrar en usar
listas (aunque es una lista), ¿no podrías probar con algo parecido a esto?
pspan class=marginal1./span Texto 1/p
pspan class=marginal1.1/span Texto 1.1/p
pspan class=marginal10./span Texto 10/p
De cualquier forma, no sé cómo es el contexto, igual te vendría bien usar
divs para todo, al estilo:
div class=marginal1./divdivTexto 1/div
Pero el marcado que tienes es, no sé, muy raro para lo que quieres
conseguir, estás usando divs para luego declararlos inline... Yo te
aconsejo alguna de las dos formas. Y en vez de usar el display:inline,
usa los float:left, así podrás darle ancho fijo y tendrás menos
problemas.
--
Víctor Pimentel
___
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] No todo lo que brilla es oro.
Por cierto, se me paso cambiarte el html por este :P divspan class=marginal1. /spanTexto 1/div divspan class=marginal1.1 /spanTexto 1/div divspan class=marginal10. /spanTexto 1/div Suerte! ___ 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] No todo lo que brilla es oro.
Estimado Víctor:
1. float:left pinta... ¿Por qué no se me ocurrió antes? ¡Perfecto!
2. Lo del ancho en display:inline no lo tenía. caprichos de la naturaleza.
De todos modos, no le vería el pecado. Pero el día que acordaron que
fuera así, bueno... yo no estaba. :)
3. Marcado raro, sí, lo sé... pero los párrafos que me sugieres (P) están
afectados por otras coordenadas... :(
Gracias por la orientación:
Almirante von Web/.
-
Educando al asno por no apalearlo
©2007 ;-)
- Original Message -
From: Víctor Pimentel Rodríguez [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Wednesday, February 07, 2007 10:56 PM
Subject: Re: [Ovillo] No todo lo que brilla es oro.
En Thu, 08 Feb 2007 02:39:15 +0100, LISTAS [EMAIL PROTECTED]
escribió:
Tengo un problema con el siguiente código. En la hoja de estilo tengo
esto:
.marginal {background: yellow; text-align: rigth; width: 40px; display:
inline; margin: 0px 10px 0px 0px}
y en el body, una colección de esto (desde el 1 hasta el 10):
div class=marginal1. /divTexto 1br
div class=marginal1.1 /divTexto 1.1br
div class=marginal10. /divTexto 10br
En Explorer (¡de no creer!) se ve correctamente, pero en Firefox y
Ópera la cosa no es lo de esperar: las cajas no respetan ni el alineado
a la derecha ni el ancho obsoluto.
¿Soluciones? ¿Las hay...? ¿Quién es el cuco esta vez?
Dos cosas:
- Si un elemento tiene display:inline no puede tener un ancho fijo (o al
menos varios navegadores guays no le hacen caso ;)). Con el alineado a
la derecha, lo mismo.
- El marcado que tienes es algo (bastante) incorrecto. Sin entrar en usar
listas (aunque es una lista), ¿no podrías probar con algo parecido a esto?
pspan class=marginal1./span Texto 1/p
pspan class=marginal1.1/span Texto 1.1/p
pspan class=marginal10./span Texto 10/p
De cualquier forma, no sé cómo es el contexto, igual te vendría bien usar
divs para todo, al estilo:
div class=marginal1./divdivTexto 1/div
Pero el marcado que tienes es, no sé, muy raro para lo que quieres
conseguir, estás usando divs para luego declararlos inline... Yo te
aconsejo alguna de las dos formas. Y en vez de usar el display:inline,
usa los float:left, así podrás darle ancho fijo y tendrás menos
problemas.
--
Víctor Pimentel
___
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] No todo lo que brilla es oro.
Nadia: ya te ganó Víctor de antemano con el float:left. Gracias a ambos.
Lo del bug de Explorer... no hay caso: tu solución no se adecua al proyecto.
Y bué... a veces se gana, otras se empata y algunas, se pierde... :(
Almirante von Web/.
-
Educando al asno por no apalearlo
©2007 ;-)
- Original Message -
From: Nadia Rodríguez [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Wednesday, February 07, 2007 10:46 PM
Subject: Re: [Ovillo] No todo lo que brilla es oro.
Hola, a los elementos inline no puedes establecerles ancho, lo que debes
hacer es cambiarlos por block y flotarlos a la izquierda para que te quede
en linea con el texto
.marginal {background: yellow; text-align: rigth; width: 40px; float: left;
display:
block; margin: 0px 10px 0px 0px}
y en el body, una colección de esto (desde el 1 hasta el 10):
div class=marginal1. /divTexto 1br
div class=marginal1.1 /divTexto 1.1br
div class=marginal10. /divTexto 10br
Saludos!
El día 8/02/07, LISTAS [EMAIL PROTECTED] escribió:
Tengo un problema con el siguiente código. En la hoja de estilo tengo
esto:
.marginal {background: yellow; text-align: rigth; width: 40px; display:
inline; margin: 0px 10px 0px 0px}
y en el body, una colección de esto (desde el 1 hasta el 10):
div class=marginal1. /divTexto 1br
div class=marginal1.1 /divTexto 1.1br
div class=marginal10. /divTexto 10br
En Explorer (¡de no creer!) se ve correctamente, pero en Firefox y
Ópera
la cosa no es lo de esperar: las cajas no respetan ni el alineado a la
derecha ni el ancho obsoluto.
¿Soluciones? ¿Las hay...? ¿Quién es el cuco esta vez?
Almirante von Web/.
-
Educando al asno por no apalearlo
(c)2007 ;-)
___
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
