Re: [Ovillo] Ayuda con maquetación
Gracias Nacho tú respuesta me ha servido al igual que la anterior que me envió Rodrigo. Gracias a ambos Salu2 -- Reynier Pérez Mira 5to. Ing. Informática Maestro de poco, aprendiz de mucho -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de "Nacho F. Carreño" Enviado el: jueves, 22 de marzo de 2007 8:43 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Ayuda con maquetación Hola Reynier, ahí te va el código, espero que te sirva: HTML: Buscador de Inmuebles Operación Venta Alquiler Venta / Alquiler Tipo de inmueble Cualquiera Piso Finca Rústica Chalet pareado Precio Cualquier precio Piso Finca Rústica Chalet pareado Superficie Cualquiera Piso Finca Rústica edificab. Chalet pareado Dormitorios Ubicación Cualquier Ubicación Piso Finca Rústica Chalet pareado CSS: #datosbusqueda{ float:left; width:24em; margin:0.56em 0 0 2.81em; border:0; } #formbuscador legend { display:none; } #formbuscador label { float:left; color:#871415; font-size:0.70em; margin:0 1.25em 0.63em 0; } #formbuscador select, #formbuscador input { display:block; font-size:1.1em; margin-top:0.15em; } #formbuscador .alileft { float:left; margin:0; padding:0; border:0; display:inline; margin:2.69em 0 0 0; } Reynier Perez Mira escribió: > Hola Nacho: > Me queda un tanto claro pero creo que si pusieras el código me sería un poco > mejor para entenderlo a ver como lo logro. > Salu2 y gracias por la respuesta > -- > Reynier Pérez Mira > 5to. Ing. Informática > Maestro de poco, aprendiz de mucho > > -Mensaje original- > De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de "Nacho F. > Carreño" > Enviado el: jueves, 22 de marzo de 2007 7:56 > Para: Ovillo, la lista de CSS en castellano > Asunto: Re: [Ovillo] Ayuda con maquetación > > Algo parecido estoy haciendo yo. Lo que hice fue poner un tamaño de > ancho al fieldset y el botón lo floté a la derecha, después fui jugando > con el padding para centrarlo. Si no te queda claro te pongo el código > que yo tengo. > > Reynier Perez Mira escribió: > >> Hola Rodrigo y gracias por responder. El problema es que tengo que maquetar >> algo como esto: >> >> Cabecera >> >> [input no1] >> [boton ] >> [input no2] >> >> Enlace 1 | Enlace 2 >> >> Yo mande una imagen para la lista pero al parecer no están permitidos los >> adjuntos. Ya he logrado dar estilo a los INPUT lo que no logro posicionar en >> esa forma es el Botón. ¿Entienden ahora lo que trato de hacer? >> -- >> Reynier Pérez Mira >> 5to. Ing. Informática >> Maestro de poco, aprendiz de mucho >> -Mensaje original- >> De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Rodrigo Álvarez >> Virgós >> Enviado el: jueves, 22 de marzo de 2007 5:52 >> Para: Ovillo, la lista de CSS en castellano >> Asunto: Re: [Ovillo] Ayuda con maquetación >> >> Hola, Reynier >> >> ¿Qué tal si nos dices qué estás tratando de hacer y cuál es el problema >> concreto? ;-) >> ___ >> 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 >> >> __ Información de NOD32, revisión 2132 (20070321) __ >> >> Este mensaje ha sido analizado con NOD32 antivirus system >> http://www.nod32.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:
Re: [Ovillo] Ayuda con maquetación
Hola Reynier, ahí te va el código, espero que te sirva: HTML: Buscador de Inmuebles Operación Venta Alquiler Venta / Alquiler Tipo de inmueble Cualquiera Piso Finca Rústica Chalet pareado Precio Cualquier precio Piso Finca Rústica Chalet pareado Superficie Cualquiera Piso Finca Rústica edificab. Chalet pareado Dormitorios Ubicación Cualquier Ubicación Piso Finca Rústica Chalet pareado CSS: #datosbusqueda{ float:left; width:24em; margin:0.56em 0 0 2.81em; border:0; } #formbuscador legend { display:none; } #formbuscador label { float:left; color:#871415; font-size:0.70em; margin:0 1.25em 0.63em 0; } #formbuscador select, #formbuscador input { display:block; font-size:1.1em; margin-top:0.15em; } #formbuscador .alileft { float:left; margin:0; padding:0; border:0; display:inline; margin:2.69em 0 0 0; } Reynier Perez Mira escribió: > Hola Nacho: > Me queda un tanto claro pero creo que si pusieras el código me sería un poco > mejor para entenderlo a ver como lo logro. > Salu2 y gracias por la respuesta > -- > Reynier Pérez Mira > 5to. Ing. Informática > Maestro de poco, aprendiz de mucho > > -Mensaje original- > De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de "Nacho F. > Carreño" > Enviado el: jueves, 22 de marzo de 2007 7:56 > Para: Ovillo, la lista de CSS en castellano > Asunto: Re: [Ovillo] Ayuda con maquetación > > Algo parecido estoy haciendo yo. Lo que hice fue poner un tamaño de > ancho al fieldset y el botón lo floté a la derecha, después fui jugando > con el padding para centrarlo. Si no te queda claro te pongo el código > que yo tengo. > > Reynier Perez Mira escribió: > >> Hola Rodrigo y gracias por responder. El problema es que tengo que maquetar >> algo como esto: >> >> Cabecera >> >> [input no1] >> [boton ] >> [input no2] >> >> Enlace 1 | Enlace 2 >> >> Yo mande una imagen para la lista pero al parecer no están permitidos los >> adjuntos. Ya he logrado dar estilo a los INPUT lo que no logro posicionar en >> esa forma es el Botón. ¿Entienden ahora lo que trato de hacer? >> -- >> Reynier Pérez Mira >> 5to. Ing. Informática >> Maestro de poco, aprendiz de mucho >> -Mensaje original- >> De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Rodrigo Álvarez >> Virgós >> Enviado el: jueves, 22 de marzo de 2007 5:52 >> Para: Ovillo, la lista de CSS en castellano >> Asunto: Re: [Ovillo] Ayuda con maquetación >> >> Hola, Reynier >> >> ¿Qué tal si nos dices qué estás tratando de hacer y cuál es el problema >> concreto? ;-) >> ___ >> 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 >> >> __ Información de NOD32, revisión 2132 (20070321) __ >> >> Este mensaje ha sido analizado con NOD32 antivirus system >> http://www.nod32.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 > > __ Información de NOD32, revisión 2132 (20070321) __ > > Este mensaje ha sido analizado con NOD32 antivirus system > http://www.nod32.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] Ayuda con maquetación
Una URL con el formulario ayudaría, porque aún no entiendo a qué te refieres con "la imagen con la flecha que tiene al lado". ¿El botón contiene una imagen con una flecha? De todos modos, para maquetar algo parecido a lo que quieres hacer: HTML: [cabecera] ... [enlaces] CSS: input { display: block; } div#contenedor_boton { width: 20%; /* Por ejemplo */ } div#contenedor button { float: right; } ___ 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] Ayuda con maquetación
Hola Nacho: Me queda un tanto claro pero creo que si pusieras el código me sería un poco mejor para entenderlo a ver como lo logro. Salu2 y gracias por la respuesta -- Reynier Pérez Mira 5to. Ing. Informática Maestro de poco, aprendiz de mucho -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de "Nacho F. Carreño" Enviado el: jueves, 22 de marzo de 2007 7:56 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Ayuda con maquetación Algo parecido estoy haciendo yo. Lo que hice fue poner un tamaño de ancho al fieldset y el botón lo floté a la derecha, después fui jugando con el padding para centrarlo. Si no te queda claro te pongo el código que yo tengo. Reynier Perez Mira escribió: > Hola Rodrigo y gracias por responder. El problema es que tengo que maquetar > algo como esto: > > Cabecera > > [input no1] > [boton ] > [input no2] > > Enlace 1 | Enlace 2 > > Yo mande una imagen para la lista pero al parecer no están permitidos los > adjuntos. Ya he logrado dar estilo a los INPUT lo que no logro posicionar en > esa forma es el Botón. ¿Entienden ahora lo que trato de hacer? > -- > Reynier Pérez Mira > 5to. Ing. Informática > Maestro de poco, aprendiz de mucho > -Mensaje original- > De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Rodrigo Álvarez > Virgós > Enviado el: jueves, 22 de marzo de 2007 5:52 > Para: Ovillo, la lista de CSS en castellano > Asunto: Re: [Ovillo] Ayuda con maquetación > > Hola, Reynier > > ¿Qué tal si nos dices qué estás tratando de hacer y cuál es el problema > concreto? ;-) > ___ > 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 > > __ Información de NOD32, revisión 2132 (20070321) __ > > Este mensaje ha sido analizado con NOD32 antivirus system > http://www.nod32.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
Re: [Ovillo] Ayuda con maquetación
Algo parecido estoy haciendo yo. Lo que hice fue poner un tamaño de ancho al fieldset y el botón lo floté a la derecha, después fui jugando con el padding para centrarlo. Si no te queda claro te pongo el código que yo tengo. Reynier Perez Mira escribió: > Hola Rodrigo y gracias por responder. El problema es que tengo que maquetar > algo como esto: > > Cabecera > > [input no1] > [boton ] > [input no2] > > Enlace 1 | Enlace 2 > > Yo mande una imagen para la lista pero al parecer no están permitidos los > adjuntos. Ya he logrado dar estilo a los INPUT lo que no logro posicionar en > esa forma es el Botón. ¿Entienden ahora lo que trato de hacer? > -- > Reynier Pérez Mira > 5to. Ing. Informática > Maestro de poco, aprendiz de mucho > -Mensaje original- > De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Rodrigo Álvarez > Virgós > Enviado el: jueves, 22 de marzo de 2007 5:52 > Para: Ovillo, la lista de CSS en castellano > Asunto: Re: [Ovillo] Ayuda con maquetación > > Hola, Reynier > > ¿Qué tal si nos dices qué estás tratando de hacer y cuál es el problema > concreto? ;-) > ___ > 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 > > __ Información de NOD32, revisión 2132 (20070321) __ > > Este mensaje ha sido analizado con NOD32 antivirus system > http://www.nod32.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] Ayuda con maquetación
Hola Rodrigo y gracias por responder. El problema es que tengo que maquetar algo como esto: Cabecera [input no1] [boton ] [input no2] Enlace 1 | Enlace 2 Yo mande una imagen para la lista pero al parecer no están permitidos los adjuntos. Ya he logrado dar estilo a los INPUT lo que no logro posicionar en esa forma es el Botón. ¿Entienden ahora lo que trato de hacer? -- Reynier Pérez Mira 5to. Ing. Informática Maestro de poco, aprendiz de mucho -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Rodrigo Álvarez Virgós Enviado el: jueves, 22 de marzo de 2007 5:52 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Ayuda con maquetación Hola, Reynier ¿Qué tal si nos dices qué estás tratando de hacer y cuál es el problema concreto? ;-) ___ 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] Ayuda con maquetación
Hola, Reynier ¿Qué tal si nos dices qué estás tratando de hacer y cuál es el problema concreto? ;-) ___ 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] Ayuda con maquetación
Hola lista: Estoy tratando de maquetar un formulario pero por más que pruebo la imagen con la flecha que tiene al lado no logro posicionarla como debe ir. Alguna idea de cómo hacerlo? -- Reynier Pérez Mira 5to. Ing. Informática Maestro de poco, aprendiz de mucho ___ 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