[Ovillo] alinear objetos

2005-08-05 Por tema Renso Vargas

He estado intentando alinear tres objetos:
un texto, un input, una imagen

la forma fea:

table border=0
   tr
 td fecha/td
 tdinput type=text name=fecha size=12/td
 tda href=#img src=imagenes/cal.gif/a/td
   /tr
/table

pero quisiera hacerlo con CSS, pero no lo he logrado y no he encontrado 
algun lado donde hagan algo similar.


div
spanFechaspan
input type=text name=fecha size=12
a href=#img src=imagenes/cal.gif/a
div

dejar estos tres objetos alineados horizontalmente. Alguien ha hecho 
algo similar???

___
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] alinear objetos

2005-08-05 Por tema Abel Domínguez

se me olvidó el ;:-P
#form span,
#form input,
#form a { display:inline;}

Ah! De todas formas te comento que para un
formulario o datos tabulados, es legítimo usar
una tabla

- Original Message - 
From: Abel Domínguez [EMAIL PROTECTED]

To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Friday, August 05, 2005 8:19 PM
Subject: Re: [Ovillo] alinear objetos


Con display: inline puedes solucionarlo.

CSS ultra-resumida:
#form span,
#form input,
#form a { display:inline}

HTML:
div id=form
spanFechaspan
input type=text name=fecha size=12
a href=#img src=imagenes/cal.gif/a
div

Espero ser de ayuda.

Saludos,
Abel Domínguez
Dirección Creativa
E: [EMAIL PROTECTED]
W: www.nemografica.com


- Original Message - 
From: Renso Vargas [EMAIL PROTECTED]

To: ovillo@lists.ovillo.org
Sent: Friday, August 05, 2005 7:22 PM
Subject: [Ovillo] alinear objetos



He estado intentando alinear tres objetos:
un texto, un input, una imagen

la forma fea:

table border=0
   tr
 td fecha/td
 tdinput type=text name=fecha size=12/td
 tda href=#img src=imagenes/cal.gif/a/td
   /tr
/table

pero quisiera hacerlo con CSS, pero no lo he logrado y no he encontrado 
algun lado donde hagan algo similar.


div
spanFechaspan
input type=text name=fecha size=12
a href=#img src=imagenes/cal.gif/a
div

dejar estos tres objetos alineados horizontalmente. Alguien ha hecho algo 
similar???

___
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] alinear objetos

2005-08-05 Por tema Inti Castro
On 8/5/05, Abel Domínguez [EMAIL PROTECTED] wrote:
 
 #form span, #form input, #form a { display:inline}
 
 div id=form
 spanFechaspan
 input type=text name=fecha size=12
 a href=#img src=imagenes/cal.gif/a
 div
 

haciendolo más semántico:

form label, form input, form a { display: inline; }
form input { width: 12em; }

form
label for=labelLabel:label
input id=label type=text /
a href=urlimg alt=Texto alternativo src=img/img.gif/a
/form

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