[Ovillo] Ayuda con maquetacion y posicionamiento
Hola lista: Hace unos días atrás me di a la tarea de pasar mi sitio de diseño con tablas a diseño con CSS. Ya he estado dando los primeros pasos pero todavía me faltan muchas cosas por posicionar y necesito ayuda. El sitio original desarrollado con tablas está publicado en la siguiente dirección: http://valencia.ch/simpro/sample_v1.html Así es como debería quedar mi maqueta al terminar todo con CSS. Ahora el estado de posicionamiento actual lo podeis ver en esta otra dirección: http://www.valencia.ch/simpro/samplev6.html Y es en lo que necesito me den una pequeña ayuda. El primer problema que tengo es con el formulario de búsqueda ya que no logro que me quede como la primera versión (tablas). Los ficheros CSS de ambas versiones son los siguientes: http://www.valencia.ch/simpro/css/simpro_ga1.css http://www.valencia.ch/simpro/css/simpro_ga6.css El otro problema es que esa plantilla la había sacado originalmente de un sitio que me dio scriptTM (http://blog.html.it/layoutgala/LayoutGala07.html) pero bueno, dado que ahora es que estoy aprendiendo todo esto del maquetado no logro regresar la versión actual al estado inicial de la plantilla CSS original. Si le hechan un vistazo al ejemplo con CSS que estoy maquetando verán que en nada se parece al "layout" que les dejo en la dirección anterior. Al comparar el diseño realizado con tablas al diseño que estoy tratando de formar actualmente con CSS me he dado cuenta que las diferencias son inmensas y a primera vista he podido observar que el fichero a bajado de 19.23kb a solo 6kb (HTML+CSS). Increible pero cierto eso me ahorra mucho a la hora de cargar la página con conexiones un poco lentas. Así que si podeís hecharme una ayuda se los estaré agradeciendo bastante. Salu2 y esperando por su ayuda -- ReynierPM 4to. Ing. Informática Linux User: #310201 El programador superhéroe aprende de compartir sus conocimientos. Es el referente de sus compañeros. Todo el mundo va a preguntarle y él, secretamente, lo fomenta porque es así como adquiere su legendaria sabiduría: escuchando ayudando a los demás... ___ 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] Herramienta para probar colores en web
Muchas gracias... No la conocía. La adicionaré en mi listado de Manejo del Color: http://uxespanol.blogspot.com/2005/12/herramientas-para-diseadores-y_27.html#3.3 Saludos! -Original Message- From: XF [mailto:[EMAIL PROTECTED] Sent: Jueves, 06 de Abril de 2006 11:09 a.m. To: Ovillo, la lista de CSS en castellano Subject: [Ovillo] Herramienta para probar colores en web Una ayuda simple pero que ayuda ;) http://color.sharewonders.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://ovillo.org/mailman/listinfo/ovillo Este mensaje ( incluidos sus anexos) puede contener información privilegiada y confidencial. Si usted no es el destinatario del mismo, informe de ello a quien lo envía y destrúyalo. Está prohibida su retención, grabación, utilización o divulgación. Este mensaje ha sido verificado con software antivirus, el remitente de éste no se hace responsable por la presencia de algún virus que pueda generar daños en los equipos o programas. This message (including all attachments) may contain information that is private, confidential and privileged. If you have received this communication in error; please notify the sender, and delete this communication. Any use, dissemination, distribution, copying or disclosure of this message and any attachment is prohibited. This message has been checked with antivirus software, the sender is not liable for the presence of any virus in it or attachments that may cause damage to the equipment or software.___ 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
[Ovillo] Herramienta para probar colores en web
Una ayuda simple pero que ayuda ;) http://color.sharewonders.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://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] internet explorer y espacido en formularios
gracias David, lo que pasa es que con la regla del *{} me da algo de
temor usarla porque creo que IE7 no la tomará en cuenta.
On 4/6/06, David Yanes Fariña <[EMAIL PROTECTED]> wrote:
> XF escribió:
> > Ahora que todo me iba bienIE 6 me da la sorpresa:
> > Resulta que el señor IE le da la gana de aumentar un espaciado
> > inferior a los tags no sé porque razón, hice pruebas con mi css
> > a nivel básico y simplemente con añadir el formulario (por si las
> > dudas solo la caja verde es css) el ie me aumenta el alto.
> > Aqui verán a lo que me refiero:
> > http://img205.imageshack.us/img205/6098/problemieform6wz.gif
> >
> Un briconsejo:
>
> Pon esto al principio de tus css * { margin: 0px, padding: 0px; }
> Eso pondrá a cero el margin y padding de todos los elementos. Es
> increible la cantidad de problemas que se soluciona con eso.
>
> Luego por supuesto redefine todos los estilos, los h*, los form, los p, etc
> Al principio jode, porque se desmaquetará la página, pero tras
> arregrarlos tendremos una preocupación
> menos para siempre. La diferencia es como de la noche al día, te olvidas
> de conocer las diferencias
> de padding y margen de los navegadores.
>
>
>
>
>
> ___
> 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] internet explorer y espacido en formularios
XF escribió:
Ahora que todo me iba bienIE 6 me da la sorpresa:
Resulta que el señor IE le da la gana de aumentar un espaciado
inferior a los tags no sé porque razón, hice pruebas con mi css
a nivel básico y simplemente con añadir el formulario (por si las
dudas solo la caja verde es css) el ie me aumenta el alto.
Aqui verán a lo que me refiero:
http://img205.imageshack.us/img205/6098/problemieform6wz.gif
Un briconsejo:
Pon esto al principio de tus css * { margin: 0px, padding: 0px; }
Eso pondrá a cero el margin y padding de todos los elementos. Es
increible la cantidad de problemas que se soluciona con eso.
Luego por supuesto redefine todos los estilos, los h*, los form, los p, etc
Al principio jode, porque se desmaquetará la página, pero tras
arregrarlos tendremos una preocupación
menos para siempre. La diferencia es como de la noche al día, te olvidas
de conocer las diferencias
de padding y margen de los navegadores.
___
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] ColorShemer
No he probado nada, el único software que uso es un editor a puro texto :D Muy buenas herramientas, aunque son muchas!! Gracias.. Saludo, DJ-Dom El día 6/04/06, XF <[EMAIL PROTECTED]> escribió: > > ¿Has probado ver en el mítico > http://www.alvit.de/handbook/ > La seccion COLOR TOOLS y demás? > > On 4/6/06, DJ-Dom <[EMAIL PROTECTED]> wrote: > > Este mensaje hace referencia, a un mensaje que envie donde se discutía > otro > > tema, y para no, distorcionar aquella discusión lo hago aquí... > > > > > > Bueno...Sigo medio enrredado con los colores... > > > > El ColorShemer, tendré que bajarlo y porbrarlo, sobre el otro ( > > http://wellstyled.com/tools/colorscheme2/index-en.html) > > > > Me temo que da poca opciones, veo colores fuertes unicamente, no veo > opción > > para colores blancos... > > > > > > Saludo, > > DJ-Dom > > -- > > www.dj-dom.net > > [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 > > > ___ > 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 > -- www.dj-dom.net [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
Re: [Ovillo] ColorShemer
¿Has probado ver en el mítico http://www.alvit.de/handbook/ La seccion COLOR TOOLS y demás? On 4/6/06, DJ-Dom <[EMAIL PROTECTED]> wrote: > Este mensaje hace referencia, a un mensaje que envie donde se discutía otro > tema, y para no, distorcionar aquella discusión lo hago aquí... > > > Bueno...Sigo medio enrredado con los colores... > > El ColorShemer, tendré que bajarlo y porbrarlo, sobre el otro ( > http://wellstyled.com/tools/colorscheme2/index-en.html) > > Me temo que da poca opciones, veo colores fuertes unicamente, no veo opción > para colores blancos... > > > Saludo, > DJ-Dom > -- > www.dj-dom.net > [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 > ___ 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] Lista con sobreespaciado en IE6
Amazing Javier!
Funciona. Mil gracias
:)
On 4/6/06, [EMAIL PROTECTED] <[EMAIL PROTECTED]> wrote:
>
>
>
> He probado a cambiar lo siguiente:
>
> #aslist{
>
> margin: 0;
>
> padding: 0;
>
> list-style: none;
>
> }
>
> Y he puesto height:20px; en "#aslist li a"
>
> Y parece que va
>
> Prueba a ver
>
>
> XF escribió:
>
> > Probado, ninguno de los modos funciona. Les presento el ejemplo
> > funcionando, lo he aislado y sigue la falla (asi que los css que lo
> > rodean no son el problema) aquí verán lo que sucede en IE:
> > http://www.x-flash.org/test_list.html
> >
> > Como ven, si pasan sobre el ultimo item (10) y de ahi a los demas el
> > contenedor se agranda y achica.
> >
> >
> > On 4/6/06, Federico MP wrote:
> > > _CREO_ que ésto lo arreglaría:
> > >
> > > #aslist li a {height:1%}
> > >
> > > Acordate que filtrar esa regla sólo para IE.
> > >
> > > --
> > > Federico MP
> > > http://511.dabomb.com.ar
> > > ___
> > > 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] Lista con sobreespaciado en IE6
He probado a cambiar lo siguiente:
#aslist{
margin: 0;
padding: 0;
list-style: none;
}
Y he puesto height:20px; en "#aslist li a"
Y parece que va
Prueba a ver
XF escribió:
> Probado, ninguno de los modos funciona. Les presento el ejemplo
> funcionando, lo he aislado y sigue la falla (asi que los css que lo
> rodean no son el problema) aquí verán lo que sucede en IE:
> http://www.x-flash.org/test_list.html
>
> Como ven, si pasan sobre el ultimo item (10) y de ahi a los demas el
> contenedor se agranda y achica.
>
>
> On 4/6/06, Federico MP wrote:
> > _CREO_ que ésto lo arreglaría:
> >
> > #aslist li a {height:1%}
> >
> > Acordate que filtrar esa regla sólo para IE.
> >
> > --
> > Federico MP
> > http://511.dabomb.com.ar
> > ___
> > 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
