Re: [Ovillo] Fwd: Duda menu

2008-07-03 Por tema Jose Avia
Perfecto, lo he puesto con un height, y para centrarlo le he dado
line-height, et voila.

Gracias!


El día 3/07/08, Norter [EMAIL PROTECTED] escribió:

 Perdona, o al li,  al ul...

 -Mensaje original-
 De: [EMAIL PROTECTED] [mailto:
 [EMAIL PROTECTED]
 En nombre de Norter
 Enviado el: jueves, 03 de julio de 2008 1:29
 Para: 'Ovillo, la lista de CSS en castellano'
 Asunto: Re: [Ovillo] Fwd: Duda menu

 No metas padding, sino height al a o al ul(según lo plantees)... y te
 aseguras de que quede bien...

 -Mensaje original-
 De: [EMAIL PROTECTED] [mailto:
 [EMAIL PROTECTED]
 En nombre de Jose Avia
 Enviado el: jueves, 03 de julio de 2008 0:45
 Para: Ovillo, la lista de CSS en castellano
 Asunto: [Ovillo] Fwd: Duda menu

 Por si no llegaron las imagenes
 http://img68.imageshack.us/my.php?image=ejemplosgh7.gif

 -- Forwarded message --
 From: Jose Avia [EMAIL PROTECTED]
 Date: 03-jul-2008 0:26
 Subject: Duda menu
 To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org


 Buena nose.

 Tengo este código para un menu:


 #contenido .menu{
 margin: 0px;
 padding: 0px;
 width: 267px;
 float: left;
 text-align: left;
 }

 #contenido .menu ul{
 list-style-type: none;
 padding:0px;
 width: 267px;
 margin: 0px;
 float: left;
 }

 #contenido .menu li{
 background-image:url(../images/home/linea_menu.gif);
 background-position:bottom;
 background-repeat:no-repeat;
 padding: 5px 0px 5px 45px;
 }

 #contenido .menu li a{
 text-decoration: none;
 padding: 0px 0px 0px 15px;
 }

 Este menu me genera la imagen ejemplo.gif

 Pero yo lo que quiero es que quede como en ejemplo2.gif

 y nolo consigo por que si en:

 #contenido .menu li a{
 text-decoration: none;
 padding: 0px 0px 0px 15px;
 }

 pongo:

 #contenido .menu li a{
 text-decoration: none;
 padding: 5px 0px 5px 15px;
 }

 me queda como en ejemplo 3, es decir, me pega ahi un bote por que le aplica
 el paddig aparte.



 ¿Como puedo solucionarlo?



 (He intentado ser lo mas claro posible).



 Gracias!

 ___
 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


Re: [Ovillo] Fwd: Duda menu

2008-07-03 Por tema Jose Avia
Mmmm perfecto no, si tiene contenido debajo, (como es el caso), CUANDO HAGO
HOVER LO BAJA 20 PIXELES.

¿Por que puede ser?

Saludos!


El día 3/07/08, Jose Avia [EMAIL PROTECTED] escribió:

 Perfecto, lo he puesto con un height, y para centrarlo le he dado
 line-height, et voila.

 Gracias!


 El día 3/07/08, Norter [EMAIL PROTECTED] escribió:

 Perdona, o al li,  al ul...

 -Mensaje original-
 De: [EMAIL PROTECTED] [mailto:
 [EMAIL PROTECTED]
 En nombre de Norter
 Enviado el: jueves, 03 de julio de 2008 1:29
 Para: 'Ovillo, la lista de CSS en castellano'
 Asunto: Re: [Ovillo] Fwd: Duda menu

 No metas padding, sino height al a o al ul(según lo plantees)... y te
 aseguras de que quede bien...

 -Mensaje original-
 De: [EMAIL PROTECTED] [mailto:
 [EMAIL PROTECTED]
 En nombre de Jose Avia
 Enviado el: jueves, 03 de julio de 2008 0:45
 Para: Ovillo, la lista de CSS en castellano
 Asunto: [Ovillo] Fwd: Duda menu

 Por si no llegaron las imagenes
 http://img68.imageshack.us/my.php?image=ejemplosgh7.gif

 -- Forwarded message --
 From: Jose Avia [EMAIL PROTECTED]
 Date: 03-jul-2008 0:26
 Subject: Duda menu
 To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org


 Buena nose.

 Tengo este código para un menu:


 #contenido .menu{
 margin: 0px;
 padding: 0px;
 width: 267px;
 float: left;
 text-align: left;
 }

 #contenido .menu ul{
 list-style-type: none;
 padding:0px;
 width: 267px;
 margin: 0px;
 float: left;
 }

 #contenido .menu li{
 background-image:url(../images/home/linea_menu.gif);
 background-position:bottom;
 background-repeat:no-repeat;
 padding: 5px 0px 5px 45px;
 }

 #contenido .menu li a{
 text-decoration: none;
 padding: 0px 0px 0px 15px;
 }

 Este menu me genera la imagen ejemplo.gif

 Pero yo lo que quiero es que quede como en ejemplo2.gif

 y nolo consigo por que si en:

 #contenido .menu li a{
 text-decoration: none;
 padding: 0px 0px 0px 15px;
 }

 pongo:

 #contenido .menu li a{
 text-decoration: none;
 padding: 5px 0px 5px 15px;
 }

 me queda como en ejemplo 3, es decir, me pega ahi un bote por que le
 aplica
 el paddig aparte.



 ¿Como puedo solucionarlo?



 (He intentado ser lo mas claro posible).



 Gracias!

 ___
 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


Re: [Ovillo] Problema columnas ¿display: table-cell ?

2008-07-03 Por tema Martin Szyszlican
Eduard:
Estoy usando Firefox 3 desde antes de que se lance.
Todavía no tuve problemas donde firefox 3 era diferente que 2, por eso no lo
nombré específicamente.

Si alguien tiene tiempo de darme una mano hoy, se los agradecería mucho.

Martín.


2008/7/2 Eduard Gamonal [EMAIL PROTECTED]:

 Siento no tener más tiempo hoy, pero

  Necesitamos una solución que se vea bien en firefox2, opera9, safari3 e
 ie7,
 cuidado, que Firefox 3 se lanzó el 17 de junio pasado


 Saludos,
 Edu



 Eduard Gamonal

 --
 tac822.net
 MusicaLliure.net
 ___
 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] Alineación vertical de dos elementos

2008-07-03 Por tema Javier Prieto (Tapry)
Hola compañeros:

Este es otro de los temas que me está volviendo loco desde hace tiempo.

Muchas veces se me ha dado el caso en el que tengo que poner un radio 
button y al lado un texto.
En otras ocasiones he tenido que poner un iconito y al lado un texto 
(sin ser fondo el iconito)
Otras veces he tenido que poner un campo de búsqueda (campo de texto de 
un formulario) y la lado un pequeño icono como submit

... en fin, resumidamente, muchas ocasiones en las que tengo que poner 
algun elemento inline al lado del otro.

Mi pregunta viene aqui, ¿hay alguna manera fácil de poder controlar la 
alineación vertical de este par de elementos?

Es decir, si pongo por ejemplo un texto al lado de una imagen de 50x50 
pixels, el texto se queda alineado con respecto a la base de la imagen.

No me valen opcines de float:left, ni cosas raras, yo simplemento quiero 
poder alinear los dos elementos verticalmente.

Espero haber sido claro y así me podais echar un cable.

Muchas gracias por vuestra ayuda y un abrazo
___
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] Alineación vertical de dos elementos

2008-07-03 Por tema Ignacio Ricci
Que gran pregunta. Yo te digo opciones que he utilizado, que no se sin son
las mejores, pero son opciones.

Opcion 1  Que el radio, input, icono tenga float:left;
Opcion 2  Que el contenedor de los elementos tenga un alto y un
vertical-align:middle;
Opcion 3  Que el radio, input, icono tenga un margen top de tanto, y con un
fix para IE6 y IE7.

Y hasta ahí llegaron mis opciones cuando viene ese caso.

2008/7/3 Javier Prieto (Tapry) [EMAIL PROTECTED]:

 Hola compañeros:

 Este es otro de los temas que me está volviendo loco desde hace tiempo.

 Muchas veces se me ha dado el caso en el que tengo que poner un radio
 button y al lado un texto.
 En otras ocasiones he tenido que poner un iconito y al lado un texto
 (sin ser fondo el iconito)
 Otras veces he tenido que poner un campo de búsqueda (campo de texto de
 un formulario) y la lado un pequeño icono como submit

 ... en fin, resumidamente, muchas ocasiones en las que tengo que poner
 algun elemento inline al lado del otro.

 Mi pregunta viene aqui, ¿hay alguna manera fácil de poder controlar la
 alineación vertical de este par de elementos?

 Es decir, si pongo por ejemplo un texto al lado de una imagen de 50x50
 pixels, el texto se queda alineado con respecto a la base de la imagen.

 No me valen opcines de float:left, ni cosas raras, yo simplemento quiero
 poder alinear los dos elementos verticalmente.

 Espero haber sido claro y así me podais echar un cable.

 Muchas gracias por vuestra ayuda y un abrazo
 ___
 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




-- 
↓۝ Ignacio Ricci
www.ignacioricci.com
___
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] Fwd: Duda menu

2008-07-03 Por tema Jose Avia
Uy, perdon por las mayusculas, alguien sabe por que puede ser esto?, por que
no hay paddings por ningun lado :S

El día 3 de julio de 2008 13:58, Jose Avia [EMAIL PROTECTED] escribió:

 Mmmm perfecto no, si tiene contenido debajo, (como es el caso), CUANDO HAGO
 HOVER LO BAJA 20 PIXELES.

 ¿Por que puede ser?

 Saludos!


 El día 3/07/08, Jose Avia [EMAIL PROTECTED] escribió:

 Perfecto, lo he puesto con un height, y para centrarlo le he dado
 line-height, et voila.

 Gracias!


 El día 3/07/08, Norter [EMAIL PROTECTED] escribió:

 Perdona, o al li,  al ul...

 -Mensaje original-
 De: [EMAIL PROTECTED] [mailto:
 [EMAIL PROTECTED]
 En nombre de Norter
 Enviado el: jueves, 03 de julio de 2008 1:29
 Para: 'Ovillo, la lista de CSS en castellano'
 Asunto: Re: [Ovillo] Fwd: Duda menu

 No metas padding, sino height al a o al ul(según lo plantees)... y te
 aseguras de que quede bien...

 -Mensaje original-
 De: [EMAIL PROTECTED] [mailto:
 [EMAIL PROTECTED]
 En nombre de Jose Avia
 Enviado el: jueves, 03 de julio de 2008 0:45
 Para: Ovillo, la lista de CSS en castellano
 Asunto: [Ovillo] Fwd: Duda menu

 Por si no llegaron las imagenes
 http://img68.imageshack.us/my.php?image=ejemplosgh7.gif

 -- Forwarded message --
 From: Jose Avia [EMAIL PROTECTED]
 Date: 03-jul-2008 0:26
 Subject: Duda menu
 To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org


 Buena nose.

 Tengo este código para un menu:


 #contenido .menu{
 margin: 0px;
 padding: 0px;
 width: 267px;
 float: left;
 text-align: left;
 }

 #contenido .menu ul{
 list-style-type: none;
 padding:0px;
 width: 267px;
 margin: 0px;
 float: left;
 }

 #contenido .menu li{
 background-image:url(../images/home/linea_menu.gif);
 background-position:bottom;
 background-repeat:no-repeat;
 padding: 5px 0px 5px 45px;
 }

 #contenido .menu li a{
 text-decoration: none;
 padding: 0px 0px 0px 15px;
 }

 Este menu me genera la imagen ejemplo.gif

 Pero yo lo que quiero es que quede como en ejemplo2.gif

 y nolo consigo por que si en:

 #contenido .menu li a{
 text-decoration: none;
 padding: 0px 0px 0px 15px;
 }

 pongo:

 #contenido .menu li a{
 text-decoration: none;
 padding: 5px 0px 5px 15px;
 }

 me queda como en ejemplo 3, es decir, me pega ahi un bote por que le
 aplica
 el paddig aparte.



 ¿Como puedo solucionarlo?



 (He intentado ser lo mas claro posible).



 Gracias!

 ___
 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


Re: [Ovillo] Fwd: Duda menu

2008-07-03 Por tema Ignacio Ricci
No entiendo muy bien la complicación. Esto a mi me funciona perfectamente:

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN 
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
meta http-equiv=Content-Type content=text/html; charset=utf-8 /
titleUntitled Document/title
style type=text/css

#contenido .menu {
 margin:0;
 padding:0;
 width:267px;
 float:left;
 /*text-align: left;*/
}

#contenido .menu ul {
 list-style:none;
 margin:0;
 padding:0;
 /*float:left;*/
}

#contenido .menu li {
 background:url(../images/home/linea_menu.gif) no-repeat bottom left;
 border-bottom:1px solid #CCC;
}

#contenido .menu li a {
 text-decoration:none;
 display:block;
 padding:5px 0 5px 25px;
 margin:0;
}
#contenido .menu li a:hover {
background:#EEE;
color:#333;
}
/style
/head

body
div id=contenido
div class=menu
ul
lia href=#Link 1/a/li
lia href=#Link 2/a/li
lia href=#Link 3/a/li
lia href=#Link 4/a/li
lia href=#Link 5/a/li
lia href=#Link 6/a/li
/ul
/div
/div
/body
/html

---

2008/7/3 Jose Avia [EMAIL PROTECTED]:

 Uy, perdon por las mayusculas, alguien sabe por que puede ser esto?, por
 que
 no hay paddings por ningun lado :S

 El día 3 de julio de 2008 13:58, Jose Avia [EMAIL PROTECTED] escribió:

  Mmmm perfecto no, si tiene contenido debajo, (como es el caso), CUANDO
 HAGO
  HOVER LO BAJA 20 PIXELES.
 
  ¿Por que puede ser?
 
  Saludos!
 
 
  El día 3/07/08, Jose Avia [EMAIL PROTECTED] escribió:
 
  Perfecto, lo he puesto con un height, y para centrarlo le he dado
  line-height, et voila.
 
  Gracias!
 
 
  El día 3/07/08, Norter [EMAIL PROTECTED] escribió:
 
  Perdona, o al li,  al ul...
 
  -Mensaje original-
  De: [EMAIL PROTECTED] [mailto:
  [EMAIL PROTECTED]
  En nombre de Norter
  Enviado el: jueves, 03 de julio de 2008 1:29
  Para: 'Ovillo, la lista de CSS en castellano'
  Asunto: Re: [Ovillo] Fwd: Duda menu
 
  No metas padding, sino height al a o al ul(según lo plantees)... y te
  aseguras de que quede bien...
 
  -Mensaje original-
  De: [EMAIL PROTECTED] [mailto:
  [EMAIL PROTECTED]
  En nombre de Jose Avia
  Enviado el: jueves, 03 de julio de 2008 0:45
  Para: Ovillo, la lista de CSS en castellano
  Asunto: [Ovillo] Fwd: Duda menu
 
  Por si no llegaron las imagenes
  http://img68.imageshack.us/my.php?image=ejemplosgh7.gif
 
  -- Forwarded message --
  From: Jose Avia [EMAIL PROTECTED]
  Date: 03-jul-2008 0:26
  Subject: Duda menu
  To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 
 
  Buena nose.
 
  Tengo este código para un menu:
 
 
  #contenido .menu{
  margin: 0px;
  padding: 0px;
  width: 267px;
  float: left;
  text-align: left;
  }
 
  #contenido .menu ul{
  list-style-type: none;
  padding:0px;
  width: 267px;
  margin: 0px;
  float: left;
  }
 
  #contenido .menu li{
  background-image:url(../images/home/linea_menu.gif);
  background-position:bottom;
  background-repeat:no-repeat;
  padding: 5px 0px 5px 45px;
  }
 
  #contenido .menu li a{
  text-decoration: none;
  padding: 0px 0px 0px 15px;
  }
 
  Este menu me genera la imagen ejemplo.gif
 
  Pero yo lo que quiero es que quede como en ejemplo2.gif
 
  y nolo consigo por que si en:
 
  #contenido .menu li a{
  text-decoration: none;
  padding: 0px 0px 0px 15px;
  }
 
  pongo:
 
  #contenido .menu li a{
  text-decoration: none;
  padding: 5px 0px 5px 15px;
  }
 
  me queda como en ejemplo 3, es decir, me pega ahi un bote por que le
  aplica
  el paddig aparte.
 
 
 
  ¿Como puedo solucionarlo?
 
 
 
  (He intentado ser lo mas claro posible).
 
 
 
  Gracias!
 
  ___
  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




-- 
↓۝ Ignacio Ricci
www.ignacioricci.com
___
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] Alineación vertical de dos elementos

2008-07-03 Por tema SkuNk
Sí, una gran pregunta. Yo hice expermientos con line-height, pero ahora
mismo no recuerdo si fueron satisfactorios :P

-- 
Philipp Keweloh


El día 3/07/08, Ignacio Ricci [EMAIL PROTECTED] escribió:

 Que gran pregunta. Yo te digo opciones que he utilizado, que no se sin son
 las mejores, pero son opciones.

 Opcion 1  Que el radio, input, icono tenga float:left;
 Opcion 2  Que el contenedor de los elementos tenga un alto y un
 vertical-align:middle;
 Opcion 3  Que el radio, input, icono tenga un margen top de tanto, y con
 un
 fix para IE6 y IE7.

 Y hasta ahí llegaron mis opciones cuando viene ese caso.

 2008/7/3 Javier Prieto (Tapry) [EMAIL PROTECTED]:


  Hola compañeros:
 
  Este es otro de los temas que me está volviendo loco desde hace tiempo.
 
  Muchas veces se me ha dado el caso en el que tengo que poner un radio
  button y al lado un texto.
  En otras ocasiones he tenido que poner un iconito y al lado un texto
  (sin ser fondo el iconito)
  Otras veces he tenido que poner un campo de búsqueda (campo de texto de
  un formulario) y la lado un pequeño icono como submit
 
  ... en fin, resumidamente, muchas ocasiones en las que tengo que poner
  algun elemento inline al lado del otro.
 
  Mi pregunta viene aqui, ¿hay alguna manera fácil de poder controlar la
  alineación vertical de este par de elementos?
 
  Es decir, si pongo por ejemplo un texto al lado de una imagen de 50x50
  pixels, el texto se queda alineado con respecto a la base de la imagen.
 
  No me valen opcines de float:left, ni cosas raras, yo simplemento quiero
  poder alinear los dos elementos verticalmente.
 
  Espero haber sido claro y así me podais echar un cable.
 
  Muchas gracias por vuestra ayuda y un abrazo
  ___
  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
 




 --
 ↓۝ Ignacio Ricci
 www.ignacioricci.com

 ___
 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