Re: [Ovillo] Alineamiento vertical no funciona con float
escribímos al mismo tiempo y veo que ni te enteraste de mi mensaje
(ventajas de la comunicacion escrita jajaj), te lo envío de nuevo
junto con el link donde puedes ver el ejemplo en acción:
http://incenit.net/pruebas/menu.html
El 20/09/07, Karen_WmBeta <[EMAIL PROTECTED]> escribió:
> hola,
> a mi me funciona de la siguiente manera:
>
>
> PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
>
> http://www.w3.org/1999/xhtml"; xml:lang="es">
>
>
>
> menu
>
> ul{
> display: table;
> width:45em;
> height:5em;
> margin: 0 auto;
> vertical-align: middle;
> text-align: center;
> border: 1px solid blue;
> }
> ul li{
> display: table-cell;
> width: 14.9em;
> vertical-align: middle;
> list-style-type: none;
> }
> ul li a{
> display: inline;
> text-decoration: none;
> }
>
> /* este es el hack para que nuestra bella tabla-css funcione en el cochino ie
> */
> ul li{
> _display:inline;
> }
> ul li a{
> _display:inline-block;
> _width:24%;
> }
> .iehack{
> -width:1px;
> _height:100%;
> _display:inline-block;
> _vertical-align:middle
> }
> /* recuerda usar una hoja de estilos específica para ie mediante un
> condicional */
>
>
>
>
>
> item1
> item2
> item3
> item4
>
>
>
>
>
> como puedes ver, dentro de los li debe existir otro elemento que sirva
> para alinear los items, en este caso es "a", aunq si no tienes
> enlaces, puedes usar el nada recomendado "span" ;)
>
> 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] Alineamiento vertical no funciona con float
hola,
a mi me funciona de la siguiente manera:
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
http://www.w3.org/1999/xhtml"; xml:lang="es">
menu
ul{
display: table;
width:45em;
height:5em;
margin: 0 auto;
vertical-align: middle;
text-align: center;
border: 1px solid blue;
}
ul li{
display: table-cell;
width: 14.9em;
vertical-align: middle;
list-style-type: none;
}
ul li a{
display: inline;
text-decoration: none;
}
/* este es el hack para que nuestra bella tabla-css funcione en el cochino ie */
ul li{
_display:inline;
}
ul li a{
_display:inline-block;
_width:24%;
}
.iehack{
-width:1px;
_height:100%;
_display:inline-block;
_vertical-align:middle
}
/* recuerda usar una hoja de estilos específica para ie mediante un
condicional */
item1
item2
item3
item4
como puedes ver, dentro de los li debe existir otro elemento que sirva
para alinear los items, en este caso es "a", aunq si no tienes
enlaces, puedes usar el nada recomendado "span" ;)
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] Alineamiento vertical no funciona con float
¿En que elemento pongo el alineado a la izquierda? El CSS completo es esto.
#galeria-asociados {
width: 650px;
float: left;
}
#galeria-asociados ul li{
width: 95px;
height: 90px;
float: left;
margin: 0 10px 10px 0;
border: 1px solid #ccc;
background-color: #fff;
text-align: center;
display: table-cell;
vertical-align: middle;
}
No funciona en Firefox ni Opera.
Gracias.
-Mensaje original-
De: Juan Jorge Muñoz Herrero [mailto:[EMAIL PROTECTED]
Enviado el: jueves, 20 de septiembre de 2007 13:48
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Alineamiento vertical no funciona con float
no, lo que se está cargando el alineado vertical es precisamente el float,
que lo convierte a block, en su lugar es mejor que ponga alineado a la
izquierda
El día 20/09/07, Rodrigo Álvarez Virgós <[EMAIL PROTECTED]> escribió:
>
> Hola
>
> Dan Alcaide escribió:
> > Hola a todos, en una web que estoy creando tengo un problema, ver
> pagina:
> >
> >
> >
> > HYPERLINK
> > "http://www.dedalocreative.com/avetid/asociados/index.aspx";
> http://www.dedalo
> > creative.com/avetid/asociados/index.aspx
> >
> >
> >
> > En la cual tengo una lista en la cual los les hago un flota: left,
> y mi
> > intención es alinear lo que hay dentro verticalmente. Este es el código
> CSS:
> >
> >
> >
> >
> > #galeria-asociados ul li{
> >
> > width: 95px;
> >
> > height: 90px;
> >
> > float: left;
> >
> > margin: 0 10px 10px 0;
> >
> > border: 1px solid #ccc;
> >
> > background-color: #fff;
> >
> > text-align: center;
> >
> > display: table-cell;
> >
> > vertical-align: middle;
> >
> > }
> >
> >
> >
> > El problema esta que si le pongo float:left no alinea verticalmente pero
> si
> > lo quito si lo hace bien, pero claro necesito el float:left. ¿Hay alguna
> > solución?
> >
> ¿Y si les pones un height y display:block en lugar de display:table-cell?
> ___
> 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
>
--
Juan Jorge Muñoz Herrero
http://www.taarq.com
(0034) 635 10 7142
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.487 / Virus Database: 269.13.25/1018 - Release Date: 19/09/2007
15:59
___
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] Alineamiento vertical no funciona con float
no, lo que se está cargando el alineado vertical es precisamente el float,
que lo convierte a block, en su lugar es mejor que ponga alineado a la
izquierda
El día 20/09/07, Rodrigo Álvarez Virgós <[EMAIL PROTECTED]> escribió:
>
> Hola
>
> Dan Alcaide escribió:
> > Hola a todos, en una web que estoy creando tengo un problema, ver
> pagina:
> >
> >
> >
> > HYPERLINK
> > "http://www.dedalocreative.com/avetid/asociados/index.aspx";
> http://www.dedalo
> > creative.com/avetid/asociados/index.aspx
> >
> >
> >
> > En la cual tengo una lista en la cual los les hago un flota: left,
> y mi
> > intención es alinear lo que hay dentro verticalmente. Este es el código
> CSS:
> >
> >
> >
> >
> > #galeria-asociados ul li{
> >
> > width: 95px;
> >
> > height: 90px;
> >
> > float: left;
> >
> > margin: 0 10px 10px 0;
> >
> > border: 1px solid #ccc;
> >
> > background-color: #fff;
> >
> > text-align: center;
> >
> > display: table-cell;
> >
> > vertical-align: middle;
> >
> > }
> >
> >
> >
> > El problema esta que si le pongo float:left no alinea verticalmente pero
> si
> > lo quito si lo hace bien, pero claro necesito el float:left. ¿Hay alguna
> > solución?
> >
> ¿Y si les pones un height y display:block en lugar de display:table-cell?
> ___
> 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
>
--
Juan Jorge Muñoz Herrero
http://www.taarq.com
(0034) 635 10 7142
___
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] Alineamiento vertical no funciona con float
Hola
Dan Alcaide escribió:
> Hola a todos, en una web que estoy creando tengo un problema, ver pagina:
>
>
>
> HYPERLINK
> "http://www.dedalocreative.com/avetid/asociados/index.aspx"http://www.dedalo
> creative.com/avetid/asociados/index.aspx
>
>
>
> En la cual tengo una lista en la cual los les hago un flota: left, y mi
> intención es alinear lo que hay dentro verticalmente. Este es el código CSS:
>
>
>
>
> #galeria-asociados ul li{
>
> width: 95px;
>
> height: 90px;
>
> float: left;
>
> margin: 0 10px 10px 0;
>
> border: 1px solid #ccc;
>
> background-color: #fff;
>
> text-align: center;
>
> display: table-cell;
>
> vertical-align: middle;
>
> }
>
>
>
> El problema esta que si le pongo float:left no alinea verticalmente pero si
> lo quito si lo hace bien, pero claro necesito el float:left. ¿Hay alguna
> solución?
>
¿Y si les pones un height y display:block en lugar de display:table-cell?
___
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] Alineamiento vertical no funciona con float
Hola a todos, en una web que estoy creando tengo un problema, ver pagina:
HYPERLINK
"http://www.dedalocreative.com/avetid/asociados/index.aspx"http://www.dedalo
creative.com/avetid/asociados/index.aspx
En la cual tengo una lista en la cual los les hago un flota: left, y mi
intención es alinear lo que hay dentro verticalmente. Este es el código CSS:
#galeria-asociados ul li{
width: 95px;
height: 90px;
float: left;
margin: 0 10px 10px 0;
border: 1px solid #ccc;
background-color: #fff;
text-align: center;
display: table-cell;
vertical-align: middle;
}
El problema esta que si le pongo float:left no alinea verticalmente pero si
lo quito si lo hace bien, pero claro necesito el float:left. ¿Hay alguna
solución?
Después esta el problema que en el IE no reconoce este método de alinear
verticalmente, pero eso es otra historia.
Salu2.
No virus found in this outgoing message.
Checked by AVG Free Edition.
Version: 7.5.487 / Virus Database: 269.13.25/1018 - Release Date: 19/09/2007
15:59
___
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
